mirror of
https://github.com/imfing/hextra.git
synced 2025-05-13 16:26:25 -04:00
Compare commits
4 Commits
1c87a7130f
...
1144aa0dcb
Author | SHA1 | Date | |
---|---|---|---|
![]() |
1144aa0dcb | ||
![]() |
081ad8b84f | ||
![]() |
7593ef4ae4 | ||
![]() |
b70d729283 |
@ -1,8 +1,20 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
scrollToActiveItem();
|
||||
restoreSidebarPosition();
|
||||
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() {
|
||||
const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button");
|
||||
buttons.forEach(function (button) {
|
||||
@ -16,21 +28,31 @@ function enableCollapsibles() {
|
||||
});
|
||||
}
|
||||
|
||||
function scrollToActiveItem() {
|
||||
const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar");
|
||||
const activeItems = document.querySelectorAll(".sidebar-active-item");
|
||||
const visibleActiveItem = Array.from(activeItems).find(function (activeItem) {
|
||||
return activeItem.getBoundingClientRect().height > 0;
|
||||
});
|
||||
|
||||
if (!visibleActiveItem) {
|
||||
return;
|
||||
function saveSidebarPosition(scrollPosition) {
|
||||
const currentPosition = sessionStorage.getItem('sidebarScrollPosition');
|
||||
if (currentPosition === null || parseInt(currentPosition) !== scrollPosition) {
|
||||
sessionStorage.setItem('sidebarScrollPosition', scrollPosition);
|
||||
}
|
||||
|
||||
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);
|
||||
});
|
||||
}
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user