MediaWiki:Common.js

Revision as of 11:11, 25 February 2024 by Niklas (talk | contribs) (Created page with "<script> // Select the rotating div const rotatingDiv = document.getElementById('rotatingDiv'); // Add a scroll event listener to the window window.addEventListener('scroll', () => { // Get the scroll position const scrollPosition = window.scrollY; // Adjust the rotation based on the scroll position const rotationAngle = scrollPosition / 5; // You can adjust the division factor to control the rotation speed rotatingDiv.style.transform = `tra...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
<script>
  // Select the rotating div
  const rotatingDiv = document.getElementById('rotatingDiv');

  // Add a scroll event listener to the window
  window.addEventListener('scroll', () => {
    // Get the scroll position
    const scrollPosition = window.scrollY;

    // Adjust the rotation based on the scroll position
    const rotationAngle = scrollPosition / 5; // You can adjust the division factor to control the rotation speed
    rotatingDiv.style.transform = `translate(-50%, -50%) rotate(${rotationAngle}deg)`;
  });
</script>