Skip to content

修复 markdown点击右侧的标题后，标题选中状态bug #1042

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gsw945 merged 1 commit into from
Jul 1, 2026
Merged

修复 markdown点击右侧的标题后，标题选中状态bug #1042

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions static/css/markdown.preview.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,9 @@
.markdown-toc-list .directory-item-link:hover {
color: #8C8C8C;
}
.markdown-toc-list .directory-item-link:focus {
outline: none;
}
.markdown-toc-list .directory-item-link-1 {
padding-left: 0;
}
Expand Down
33 changes: 23 additions & 10 deletions static/js/kancloud.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -308,15 +308,21 @@ $(function () {
console.log(e);
}

// 点击跳转期间暂停 scroll 驱动的 active 更新，避免竞争
if (window._tocClickScrolling) { return; }

try {
var scrollTop = $("body").scrollTop();
// 滚动容器是 .manual-right，需用容器内的相对偏移量判断当前标题
var container = $(".manual-right");
var containerTop = container.offset().top;
var oItem = $(".markdown-heading").find(".reference-link");
var oName = "";
$.each(oItem, function () {
var oneItem = $(this);
var offsetTop = oneItem.offset().top;
// 标题相对视口的 top，减去容器视口 top，即标题在容器内的可见位置
var offsetTop = oneItem.offset().top - containerTop;

if (offsetTop - scrollTop < 100) {
if (offsetTop < 100) {
oName = "#" + oneItem.attr("name");
}
});
Expand All @@ -337,6 +343,11 @@ $(function () {
e.preventDefault();
var $this = $(this);
var href = $this.attr("href");

// 立即同步设置选中状态，避免 scroll 事件竞争导致首次点击字色不变
$(".markdown-toc-list li").removeClass("directory-item-active");
$this.parents("li").addClass("directory-item-active");

if (href) {
var name = href.replace(/^#/, "");
var target = null;
Expand Down Expand Up @@ -374,18 +385,20 @@ $(function () {
if (target && target.length > 0) {
var container = $(".manual-right");
var scrollTo = target.offset().top - container.offset().top + container.scrollTop();
container.animate({ scrollTop: scrollTo }, 200);
// 在 animate 调用前先设标志，确保整个动画期间 scroll 事件都被屏蔽
window._tocClickScrolling = true;
// 动画结束后延迟一点再放开，防止最后一帧 scroll 仍覆盖选中状态
container.animate({ scrollTop: scrollTo }, 200, function () {
setTimeout(function () {
window._tocClickScrolling = false;
}, 50);
});
// 只用 replaceState 更新 URL，避免 location.hash 赋值触发 hashchange/页面跳转
if (history.replaceState) {
history.replaceState(null, null, href);
} else {
location.hash = href;
}
}
}
setTimeout(function () {
$(".markdown-toc-list li").removeClass("directory-item-active");
$this.parents("li").addClass("directory-item-active");
}, 10);
}).find(".markdown-toc-list li:eq(0)").addClass("directory-item-active");


Expand Down
Loading