MediaWiki:Common.js: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
  // Select the rotating div
// Select the rotating div
  const rotatingDiv = document.getElementById('rotatingDiv');
var rotatingDiv = document.getElementById('rotatingDiv');


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


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

Revision as of 11:12, 25 February 2024

// Select the rotating div
var rotatingDiv = document.getElementById('rotatingDiv');

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

  // Adjust the rotation based on the scroll position
  var rotationAngle = scrollPosition / 5; // You can adjust the division factor to control the rotation speed
  rotatingDiv.style.transform = 'translate(-50%, -50%) rotate(' + rotationAngle + 'deg)';
});