mirror of
https://github.com/imfing/hextra.git
synced 2025-05-13 12:56:25 -04:00
Compare commits
4 Commits
1c87a7130f
...
1144aa0dcb
Author | SHA1 | Date | |
---|---|---|---|
![]() |
1144aa0dcb | ||
![]() |
081ad8b84f | ||
![]() |
7593ef4ae4 | ||
![]() |
b70d729283 |
@ -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 yOffset = visibleActiveItem.clientHeight;
|
const debouncedSave = debounce((position) => {
|
||||||
const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top;
|
saveSidebarPosition(position);
|
||||||
sidebarScrollbar.scrollTo({
|
}, 150);
|
||||||
behavior: "instant",
|
|
||||||
top: yDistance - yOffset
|
sidebarScrollbar.addEventListener('scroll', function() {
|
||||||
|
debouncedSave(this.scrollTop);
|
||||||
});
|
});
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user