drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-05-13 04:46:26 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: reduce the frequency of jittering effect

Browse Source
This commit is contained in:
XUE 2024-11-16 17:44:20 +08:00
parent 081ad8b84f
commit 06eb8a66a1
1 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
assets/js/sidebar.js
View File

@ -1,8 +1,31 @@
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
restoreSidebarPosition(); initializeSidebar();
enableCollapsibles();
}); });
function initializeSidebar() {
const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar");
if (!sidebarScrollbar) return;
enableCollapsibles();
restoreSidebarPosition(sidebarScrollbar);
const debouncedSave = debounce((position) => {
saveSidebarPosition(position);
}, 150);
sidebarScrollbar.addEventListener('scroll', function() {
debouncedSave(this.scrollTop);
});
document.querySelectorAll('a').forEach(link => {
if (link.hostname === window.location.hostname) {
link.addEventListener('click', function(e) {
saveSidebarPosition(sidebarScrollbar.scrollTop);
});
}
});
}
function debounce(func, wait) { function debounce(func, wait) {
let timeout; let timeout;
return function executedFunction(...args) { return function executedFunction(...args) {
@ -29,30 +52,15 @@ function enableCollapsibles() {
} }
function saveSidebarPosition(scrollPosition) { function saveSidebarPosition(scrollPosition) {
const currentPosition = sessionStorage.getItem('sidebarScrollPosition'); localStorage.setItem('sidebarScrollPosition', scrollPosition);
if (currentPosition === null || parseInt(currentPosition) !== scrollPosition) {
sessionStorage.setItem('sidebarScrollPosition', scrollPosition);
}
} }
function restoreSidebarPosition() { function restoreSidebarPosition(sidebarScrollbar) {
const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar"); const savedPosition = localStorage.getItem('sidebarScrollPosition');
if (sidebarScrollbar) {
const savedPosition = sessionStorage.getItem('sidebarScrollPosition');
if (savedPosition !== null) { if (savedPosition !== null) {
sidebarScrollbar.scrollTo({ requestAnimationFrame(() => {
top: parseInt(savedPosition), sidebarScrollbar.scrollTop = parseInt(savedPosition);
behavior: 'instant'
});
}
const debouncedSave = debounce((position) => {
saveSidebarPosition(position);
}, 150);
sidebarScrollbar.addEventListener('scroll', function() {
debouncedSave(this.scrollTop);
}); });
} }
} }