hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use setTimeout to reduce scroll callback frequency

This commit is contained in:
Reorx 2022-04-10 17:47:41 +08:00
parent d50ce4575d
commit d7f6d6a773
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
layouts/partials/footer.html
View File

@ -146,7 +146,7 @@ window.addEventListener('DOMContentLoaded', function (event) {
let activeHeading = headings[0]; let activeHeading = headings[0];
getLinkByHeading(activeHeading).classList.add(activeClass); getLinkByHeading(activeHeading).classList.add(activeClass);
window.addEventListener('scroll', () => { const onScroll = () => {
const passedHeadings = []; const passedHeadings = [];
for (const h of headings) { for (const h of headings) {
// 5 px as a buffer // 5 px as a buffer
@ -166,6 +166,14 @@ window.addEventListener('DOMContentLoaded', function (event) {
activeHeading = newActiveHeading; activeHeading = newActiveHeading;
getLinkByHeading(activeHeading).classList.add(activeClass); getLinkByHeading(activeHeading).classList.add(activeClass);
} }
}
let timer = null;
window.addEventListener('scroll', () => {
if (timer !== null) {
clearTimeout(timer)
}
timer = setTimeout(onScroll, 50)
}, false); }, false);
function getLinkByHeading(heading) { function getLinkByHeading(heading) {