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

Merge 081ad8b84f807a4e7cfc7307fc92f8213294a689 into 86a1f3fd9638a65c70fb7892964a396df22409a0

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

56
assets/js/sidebar.js
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) {
return;
} }
const yOffset = visibleActiveItem.clientHeight;
const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top;
sidebarScrollbar.scrollTo({
behavior: "instant",
top: yDistance - yOffset
});
} }
function restoreSidebarPosition() {
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);
});
}
}