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

Merge 06eb8a66a12c523297d23a06b376889767a8e80d into 86a1f3fd9638a65c70fb7892964a396df22409a0

Browse Source
This commit is contained in:
XUE 2024-11-16 09:49:36 +00:00 committed by GitHub
commit a9aa914204
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 49 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
assets/js/sidebar.js
View File

@ -1,8 +1,43 @@
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
scrollToActiveItem(); 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) {
let timeout;
return function executedFunction(...args) {
const later = () => {
clearTimeout(timeout);
func(...args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
};
}
function enableCollapsibles() { function enableCollapsibles() {
const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button"); const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button");
buttons.forEach(function (button) { buttons.forEach(function (button) {
@ -16,21 +51,16 @@ function enableCollapsibles() {
}); });
} }
function scrollToActiveItem() { function saveSidebarPosition(scrollPosition) {
const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar"); localStorage.setItem('sidebarScrollPosition', scrollPosition);
const activeItems = document.querySelectorAll(".sidebar-active-item");
const visibleActiveItem = Array.from(activeItems).find(function (activeItem) {
return activeItem.getBoundingClientRect().height > 0;
});
if (!visibleActiveItem) {
return;
} }
const yOffset = visibleActiveItem.clientHeight; function restoreSidebarPosition(sidebarScrollbar) {
const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top; const savedPosition = localStorage.getItem('sidebarScrollPosition');
sidebarScrollbar.scrollTo({
behavior: "instant", if (savedPosition !== null) {
top: yDistance - yOffset requestAnimationFrame(() => {
sidebarScrollbar.scrollTop = parseInt(savedPosition);
}); });
} }
}