wchaowu / javascript Goto Github PK

声明： 页面引用了jquery. 要获取滚动的距离
1: function qq(){console.log($(window).scrollTop())}
$(window).scroll(qq());
2: $(window).scroll(function (){console.log($(window).scrollTop())};
1 里面获取的距离只显示一次 滚动完 刷新后才能更新，
2 里面的距离一直跟着滚动改变

why!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

<title>Fly Animation</title> <style> #fly { width: 50px; height: 50px; background-color: #3498db; position: absolute; } </style> <script> // Get the fly element const fly = document.getElementById('fly'); // Set initial position of the fly let positionX = 0; let positionY = 0; // Function to move the fly function moveFly() { // Update position positionX += 5; positionY += 3; // Set new position fly.style.left = positionX + 'px'; fly.style.top = positionY + 'px'; // Repeat the animation requestAnimationFrame(moveFly); } // Start the animation moveFly(); </script>