Question

假设我们有一个高大的html页面。那么会有一个垂直滚动条。

当用户向下滚动时，我想知道他使用javascript（jquery）滚动了多少...我猜...这可能吗？

Answer 1

在纯JavaScript中你可以这样做：

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

更多信息（Mozilla开发者网络）：

Answer 2

您可以使用.scroll()和.scrollTop()执行此操作。

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

另见question。

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>

Answer 5

您可以使用 window.scrollX 来检测用户向右滚动了多少像素。
您可以使用 window.scrollY 来检测用户向下滚动了多少像素。
您可以使用 window.scrollTo(x, y); 设置向右 (x) 和向下 (y) 滚动像素。

示例代码：

var x = window.scrollX, y = window.scrollY;
window.scrollTo(0, 200);

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

5 个答案: