Jquery Scroll检测

Question

我想要一个简单的JS代码来检测HTML页面的滚动。

检查此页面： http://conf.iranwebfestival.com/

滚动页面时，顶部菜单元素会获得CSS边框。

我需要做点什么。

Answer 1

该页面无法在我的设备上正常呈现.. 但是要检测使用jQuery滚动，我会检查$(window).scrollTop()的值，如果它大于0，则表示用户已滚动。像这样：

$(window).scroll(function() // when user scrolls
{
    if($(window).scrollTop() > 0)
        // scrollbar is not at the top
    else
        // scrollbar is at the top
}

Answer 2

虽然你有责任证明你至少尝试过，谷歌搜索，无论如何，你还没有这样做，这个答案在jQuery中很简单

$(window).scroll(function(){
  //Whatever you want to do
});

Answer 3

您可以使用jQuery Waypoints。 或者如果您正在使用Bootstrap，请查看Scrollspy。

你应该付出一些努力来实现它。一个简单的搜索就可以得到你想要的东西。

Answer 4

jQuery有一个函数scrollTop来查找向下滚动的屏幕数量。这是使用

的基础

$(window).scroll(function(){
var ScrolledDown = $(window).scrollTop();
});

以下是如何使用jQuery的函数scrollTop的示例 - 如果您实现了页面底部，则避免滚动。

Switch div from fixed to absolute at bottom of browser (see my answer)