MediaWiki:Common.js: Difference between revisions

Revision as of 00:33, 14 April 2024

(function () {
  var sidebarId = 'mw-navigation';

  function saveSidebarScrollPosition() {
    try {
      var scrollPosition = document.getElementById(sidebarId).scrollTop;
      var currentPage = window.location.href;
      console.log('Saving scroll position:', scrollPosition, 'for page:', currentPage);
      sessionStorage.setItem(currentPage, scrollPosition);
    } catch (error) {
      console.error('Error saving scroll position:', error);
    }
  }

  function restoreSidebarScrollPosition() {
    try {
      var currentPage = window.location.href;
      var scrollPosition = sessionStorage.getItem(currentPage);
      console.log('Restoring scroll position:', scrollPosition, 'for page:', currentPage);
      if (scrollPosition !== null) {
        setTimeout(function() {
          var sidebar = document.getElementById(sidebarId);
          if (sidebar) {
            sidebar.scrollTop = parseInt(scrollPosition);
            console.log('Scroll position restored');
          } else {
            console.warn('Sidebar element not found');
          }
        }, 500); // Adjust the delay (in milliseconds) as needed
      }
    } catch (error) {
      console.error('Error restoring scroll position:', error);
    }
  }

  // Save scroll position when the page is hidden (user navigates away)
  document.addEventListener('visibilitychange', function () {
    if (document.visibilityState === 'hidden') {
      console.log('Page visibility changed to hidden');
      saveSidebarScrollPosition();
    }
  });

  // Restore scroll position when the page is visible (user comes back)
  document.addEventListener('visibilitychange', function () {
    if (document.visibilityState === 'visible') {
      console.log('Page visibility changed to visible');
      restoreSidebarScrollPosition();
    }
  });

  // Save scroll position when the sidebar is scrolled
  var sidebar = document.getElementById(sidebarId);
  if (sidebar) {
    sidebar.addEventListener('scroll', function () {
      console.log('Sidebar scrolled');
      saveSidebarScrollPosition();
    });
  } else {
    console.warn('Sidebar element not found');
  }

  // Restore scroll position when the page is fully loaded
  window.onload = function() {
    console.log('Page fully loaded');
    setTimeout(function() {
      restoreSidebarScrollPosition();
    }, 500); // Adjust the delay (in milliseconds) as needed
  };

  // Log relevant information for debugging
  console.log('Browser:', navigator.userAgent);
  console.log('JavaScript enabled:', typeof window !== 'undefined');
  console.log('sessionStorage supported:', typeof sessionStorage !== 'undefined');
})();