|
|
| (14 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| (function () {
| |
| var sidebarId = 'mw-navigation';
| |
|
| |
|
| function saveSidebarScrollPosition() {
| |
| var scrollPosition = document.getElementById(sidebarId).scrollTop;
| |
| var currentPage = window.location.href;
| |
| sessionStorage.setItem(currentPage, scrollPosition);
| |
| }
| |
|
| |
| function restoreSidebarScrollPosition() {
| |
| var currentPage = window.location.href;
| |
| var scrollPosition = sessionStorage.getItem(currentPage);
| |
| if (scrollPosition !== null) {
| |
| document.getElementById(sidebarId).scrollTop = parseInt(scrollPosition);
| |
| }
| |
| }
| |
|
| |
| // Save scroll position before unloading the page
| |
| window.addEventListener('beforeunload', saveSidebarScrollPosition);
| |
|
| |
| // Restore scroll position when the page is loaded
| |
| window.addEventListener('load', restoreSidebarScrollPosition);
| |
|
| |
| // Restore scroll position when the history state changes (back/forward navigation)
| |
| window.addEventListener('popstate', restoreSidebarScrollPosition);
| |
|
| |
| // Save scroll position when clicking on sidebar links or headings
| |
| var sidebarLinks = document.querySelectorAll('#' + sidebarId + ' a');
| |
| sidebarLinks.forEach(function (link) {
| |
| link.addEventListener('click', saveSidebarScrollPosition);
| |
| });
| |
|
| |
| var sidebarHeadings = document.querySelectorAll('#' + sidebarId + ' .sidebar-heading');
| |
| sidebarHeadings.forEach(function (heading) {
| |
| heading.addEventListener('click', saveSidebarScrollPosition);
| |
| });
| |
| })();
| |
