MediaWiki:Common.js: Difference between revisions
(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...") |
No edit summary |
||
| Line 1: | Line 1: | ||
// Select the rotating div | // Select the rotating div | ||
const rotatingDiv = document.getElementById('rotatingDiv'); | const rotatingDiv = document.getElementById('rotatingDiv'); | ||
| Line 12: | Line 11: | ||
rotatingDiv.style.transform = `translate(-50%, -50%) rotate(${rotationAngle}deg)`; | rotatingDiv.style.transform = `translate(-50%, -50%) rotate(${rotationAngle}deg)`; | ||
}); | }); | ||
Revision as of 11:11, 25 February 2024
// 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)`;
});
