不使用浏览器滚动阻止添加类

时间:2015-05-31 17:23:25

标签: javascript jquery scroll scrollbar

js 仅在向上滚动浏览器页面时添加类。但是问题是在Scroll Up浏览器到页面顶部PHP Warning: stream_socket_client(): Failed to enable crypto PHP Warning: stream_socket_client(): unable to connect to ssl://gateway.sandbox.push.apple.com:2195 (Unknown error) 类之后没有删除,意味着我想在页面滚动到顶部之后删除这个类。

JS

.darkHeader

JSfiddle>>

如何在页面/页面顶部完全向上滚动后删除lastScroll = 0; $(window).on('scroll',function() { var scroll = $(window).scrollTop(); if(lastScroll - scroll > 0) { $(".nav").addClass("darkHeader"); } else { $(".nav").removeClass("darkHeader"); } lastScroll = scroll; }); 课程?如何在没有浏览器滚动的情况下阻止添加类?

1 个答案:

答案 0 :(得分:3)

你可以添加另一个条件来检查滚动是否在页面的顶部,并删除这样的类:

    if(scroll === 0){
        $(".nav").removeClass("darkHeader");
    } else if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader");
    } else {
        $(".nav").removeClass("darkHeader");
    }