$（window）.scroll in vanilla JavaScript

Question

1. 什么是普通JS中的以下内容？

   $(window).scroll(function() { });

2. 我也想要动画滚动，例如：

   $('html, body').animate({scrollTop:1750}, 'slow');

我应该使用requestAnimationFrame吗？

http://paulirish.com/2011/requestanimationframe-for-smart-animating/

是否有任何示例在点击时触发动画而不是连续渲染？

Answer 1

问题1

window.onscroll = function() {
    console.log('scrolling');
};

或者如果您的目标浏览器支持 addEventListener ：

window.addEventListener('scroll', function() {
        console.log('scrolling');
});

问题2

在我看来，如果你只是从一个部分滚动到页面的另一部分，而没有某种不断运行的滚动运动，那么你可以在不使用requestAnimationFrame的情况下做到这一点。

您可以在纯JavaScript中找到滚动到窗口特定部分的良好实现，我建议检查它们的源（甚至使用它们）。