$(window).scroll in vanilla JavaScript

发布时间：2020-12-14 01:39:16 所属栏目：Windows 来源：网络整理

导读：在简单JS中相当于以下内容？ $(window).scroll(function(){}); 我也在寻找动画片,例如： $(‘html,body’).animate({scrollTop：1750},’slow’); 我应该使用requestAnimationFrame吗？ http://paulirish.com/2011/requestanimationframe-for-smart-animatin

>在简单JS中相当于以下内容？

$(window).scroll(function(){});
>我也在寻找动画片,例如：

$(‘html,body’).animate({scrollTop：1750},’slow’);

我应该使用requestAnimationFrame吗？

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

有没有任何例子可以触发动画一次点击而不是连续渲染？

问题1

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

或者如果你的targeted browsers support addEventListener：

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

问题2

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

您可以在纯JavaScript中找到滚动到窗口的特定部分的良好实现,我建议检查其来源(甚至使用它们).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!