javascript - 在距页面顶部的偏移量/ anchor /可变 px 高度处显示/隐藏 div - 让 jQuery 读出 'offset/anchor' 位置

Question

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

所以理论上，当我滚动“ anchor ”时，jQuery 会检查“是的，那里有‘ anchor ’——现在显示 .themenu”。

// 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