Question

我在不同的帖子中搜索过，找不到jQuery的答案，jQuery只响应滚动，无论哪个位置。我希望有一个代码在滚动时添加一个类，当滚动完成后删除这个类。

现在我有这样的事情：

$(window).on('scroll', function () {
    if($(window).scrollTop()){
        $('.site-header').addClass('ipad-on-scroll');
    }else{
        $('.site-header').removeClass('ipad-on-scroll');
    }
});

这不起作用，怎么会正确？

Answer 1

试试这个：

$(window).scroll(function(){

    $('.site-header').toggleClass('ipad-on-scroll');

});

Answer 2

试试这个：

$(window).scroll(function(){
    // stuff
});

这是Docs

Answer 3

首先为你的班级'ipad-on-scroll'创建css。

在下面滚动显示它。

使用jQuery。

$('.site-header').scroll(function() {
   $('ipad-on-scroll').css( "display", "inline" ).fadeOut( "fast" );            
});

试试这个。

Answer 4

我这就是你要找的东西

在jQuery中if检查true或false值和 $(window).scrollTop()返回一个整数值，只需检查即可。

所以scrollTop() == 0表示它位于滚动

之上

Fiddle demo

在滚动期间添加一个类，如果滚动结束删除类

4 个答案: