Question

我从顶部滚动473px后显示/隐藏菜单栏。现在我想通了，在其他页面上我需要以不同的px偏移显示/隐藏它（例如，因为顶部有更大的图片）。

所以从理论上讲，当我滚动浏览＆＃39;锚点时，jQuery检查＆＃34;是的，有一个＆＃39;锚点＆＃39; - 现在显示.themenu＆＃34;。

// Menu bar after scrolling X px
// ------------------------------------------------------------------------
    $(window).scroll(function(){                          
        if ($(this).scrollTop() > 473) {
            $('.themenu').fadeIn(10);

        } else {
            $('.themenu').fadeOut(10);
        }
     }); // EOF scroll

Answer 1

你可以使用.offset().top为你需要滚动的元素来做到这一点

$(window).scroll(function(){
        var elementoffset = $('#elementhere').offset(); // <<< change #elementhere with your element you want the scroll to make action when reach it                         
        if ($(this).scrollTop() > elementoffset.top) {
            $('.themenu').fadeIn(10);

        } else {
            $('.themenu').fadeOut(10);
        }
     }); // EOF scroll

在页面顶部显示/隐藏偏移/锚点/变量px高度的div - 让jQuery读出＆＃39;偏移/锚点＆＃39;位置

1 个答案: