MediaWiki:Common.js: Difference between revisions

From Descendants of Darkness Wiki

No edit summary
No edit summary
Line 16: Line 16:
   }
   }


   // Save scroll position before unloading the page
   // Create a MutationObserver to detect changes in the sidebar
   window.addEventListener('beforeunload', saveSidebarScrollPosition);
   var observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
        saveSidebarScrollPosition();
      }
    });
  });
 
  // Configure the observer to watch for class attribute changes in the sidebar
  var observerConfig = {
    attributes: true,
    attributeFilter: ['class'],
    subtree: true
  };
 
  // Start observing the sidebar element
  var sidebarElement = document.getElementById(sidebarId);
  if (sidebarElement) {
    observer.observe(sidebarElement, observerConfig);
  }


   // Restore scroll position when the page is loaded
   // Restore scroll position when the page is loaded
   window.addEventListener('load', restoreSidebarScrollPosition);
   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);
  });
})();
})();

Revision as of 00:12, 14 April 2024

(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);
    }
  }

  // Create a MutationObserver to detect changes in the sidebar
  var observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
        saveSidebarScrollPosition();
      }
    });
  });

  // Configure the observer to watch for class attribute changes in the sidebar
  var observerConfig = {
    attributes: true,
    attributeFilter: ['class'],
    subtree: true
  };

  // Start observing the sidebar element
  var sidebarElement = document.getElementById(sidebarId);
  if (sidebarElement) {
    observer.observe(sidebarElement, observerConfig);
  }

  // Restore scroll position when the page is loaded
  window.addEventListener('load', restoreSidebarScrollPosition);
})();