MediaWiki:Common.js: Difference between revisions

From Slippy Studios
Jump to navigation Jump to search
Created page with "Any JavaScript here will be loaded for all users on every page load.: const hoverDiv = document.querySelector('.hover-me'); const changeDiv = document.querySelector('.change-me'); hoverDiv.addEventListener('mouseenter', () => { changeDiv.classList.add('active'); }); hoverDiv.addEventListener('mouseleave', () => { changeDiv.classList.remove('active'); });"
 
mNo edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */


   const hoverDiv = document.querySelector('.hover-me');
document.addEventListener("DOMContentLoaded", function() {
   const changeDiv = document.querySelector('.change-me');
   const wrapper = document.querySelector('.added-content-wrapper');
   if (!wrapper) return;


   hoverDiv.addEventListener('mouseenter', () => {
   // Detect scroll position
    changeDiv.classList.add('active');
  wrapper.addEventListener('scroll', function() {
  });
    if (wrapper.scrollTop > 0) {
 
      wrapper.classList.add('scrolled');
  hoverDiv.addEventListener('mouseleave', () => {
    } else {
    changeDiv.classList.remove('active');
      wrapper.classList.remove('scrolled');
    }
   });
   });
});

Latest revision as of 12:25, 22 October 2025

/* Any JavaScript here will be loaded for all users on every page load. */

document.addEventListener("DOMContentLoaded", function() {
  const wrapper = document.querySelector('.added-content-wrapper');
  if (!wrapper) return;

  // Detect scroll position
  wrapper.addEventListener('scroll', function() {
    if (wrapper.scrollTop > 0) {
      wrapper.classList.add('scrolled');
    } else {
      wrapper.classList.remove('scrolled');
    }
  });
});