$(window).scroll in vanilla JavaScript

前端之家收集整理的这篇文章主要介绍了$(window).scroll in vanilla JavaScript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
>在简单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中找到滚动到窗口的特定部分的良好实现,我建议检查其来源(甚至使用它们).

猜你在找的Windows相关文章