f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 21:53:26 +00:00
Code Issues Packages Releases Activity

Prevent the anchor of the heading from being awakened early

Browse Source
This commit is contained in:
Cotes Chung
2021-12-08 16:53:48 +08:00
parent 259d0deabc
commit 09742d40dd
3 changed files with 7 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
_javascript/utils/smooth-scroll.js
View File

@@ -8,7 +8,6 @@
*/
$(function() {
const REM = 16; /* 16px */
const $topbarTitle = $("#topbar-title");
const topbarHeight = $("#topbar-wrapper").outerHeight();
const SCROLL_MARK = "scroll-focus";
@@ -40,27 +39,15 @@ $(function() {
let destOffset = $target.offset().top;
if (destOffset < curOffset) { // scroll up
if (toFootnoteRef) {
// Avoid the top-bar covering `fnref` when scrolling up
// because `fnref` has no `%anchor`(see: module.scss) style.
destOffset -= (topbarHeight + REM / 2);
}
if (isAnchor && $topbarTitle.is(":hidden")) {
destOffset += topbarHeight;
}
} else { // scroll down
if (!isAnchor && !toFootnote) { // the ToC item
destOffset += topbarHeight;
if (!isAnchor && !toFootnote && $topbarTitle.is(":hidden")) { // the ToC item
destOffset -= topbarHeight;
}
}
$("html,body").animate({
scrollTop: destOffset
}, 800, () => {
// const $target = $($target);
}, 800, () => {
$target.focus();
/* clean up old scroll mark */