Compare commits

...

4 Commits

View File

@ -1,8 +1,20 @@
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
scrollToActiveItem(); restoreSidebarPosition();
enableCollapsibles(); enableCollapsibles();
}); });
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 +28,31 @@ function enableCollapsibles() {
}); });
} }
function scrollToActiveItem() { function saveSidebarPosition(scrollPosition) {
const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar"); const currentPosition = sessionStorage.getItem('sidebarScrollPosition');
const activeItems = document.querySelectorAll(".sidebar-active-item"); if (currentPosition === null || parseInt(currentPosition) !== scrollPosition) {
const visibleActiveItem = Array.from(activeItems).find(function (activeItem) { sessionStorage.setItem('sidebarScrollPosition', scrollPosition);
return activeItem.getBoundingClientRect().height > 0; }
}); }
if (!visibleActiveItem) { function restoreSidebarPosition() {
return; const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar");
if (sidebarScrollbar) {
const savedPosition = sessionStorage.getItem('sidebarScrollPosition');
if (savedPosition !== null) {
sidebarScrollbar.scrollTo({
top: parseInt(savedPosition),
behavior: 'instant'
});
}
const debouncedSave = debounce((position) => {
saveSidebarPosition(position);
}, 150);
sidebarScrollbar.addEventListener('scroll', function() {
debouncedSave(this.scrollTop);
});
} }
const yOffset = visibleActiveItem.clientHeight;
const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top;
sidebarScrollbar.scrollTo({
behavior: "instant",
top: yDistance - yOffset
});
} }