如何获取用户向下滚动页面的像素数？

Question

假设我们有一个高大的html页面.所以会有一个垂直滚动条.

当用户向下滚动时,我想知道他使用javascript(jquery)滚动了多少我觉得......这可能吗？

Answer 1

在纯JavaScript中你可以这样做:

window.onscroll = function (e) {
    console.log(window.scrollY); // Value of scroll Y in px
};

更多信息(Mozilla开发者网络):

• onscroll
• scrollY

Answer 2

您可以使用.scroll()和.scrollTop()来完成此操作.

 $(window).scroll(function() {
     // use the value from $(window).scrollTop(); 
 });

另见这个问题.

Answer 3

是的。请参阅jQuery 中的scrollTop() ，它包装了scrollTop DOM 属性。

Answer 4

这就是我在网站上使用的...当任何人向下滚动620像素时，菜单会弹出，我会手动输入数字。我对javascript仍然不满意，但我希望这对您有所帮助

    <script>
    $(document).ready(function(){
        $(window).scroll(function(){
            var scrollTop = 620;
            if($(window).scrollTop() >= scrollTop){
                $('.Nav').css({
                    position : 'fixed',
                    top : '0'
                });
            }
            if($(window).scrollTop() < scrollTop){
                $('.Nav').removeAttr('style');  
            }
        })
    })
    </script>