Question

我想检查文档是否滚动到与我的导航（导航）相关的像素数量：

$(function(){
    var stickyMenuTop = $('nav').offset().top + 100;

        $(window).on("scroll load",function(e){
            if( $(window).scrollTop() > stickyMenuTop ) {
                $('nav').addClass('scrollto')
                $('.navi-top').addClass('scrollto')
                $('.navi-top a').css('opacity', '1' )
            } else {
                $('nav').removeClass('scrollto')
                $('.navi-top').removeClass('scrollto')
                $('.navi-top a').css('opacity', '0' )
            }
        });

    });

它可以工作，但是当我重新加载页面时，我已经向下滚动，然后才能工作。我必须首先滚动到顶部然后重新加载。如果我在已经向下滚动的情况下重新加载页面，我怎么能这样做呢？

Answer 1

尝试：

$(function(){
    var stickyMenuTop = 100;

    $(window).scroll(function(e){
        if( $(document).scrollTop() > stickyMenuTop ) {
            $('nav').addClass('scrollto');
            $('.navi-top').addClass('scrollto');
            $('.navi-top a').css('opacity', '1' );
        } else {
            $('nav').removeClass('scrollto');
            $('.navi-top').removeClass('scrollto');
            $('.navi-top a').css('opacity', '0' );
        }
    });

});

http://jsfiddle.net/K9fg6/3/

您实际上并不需要检查文档负载。

jquery scrolltop不会检查何时加载文档

1 个答案: