我如何在div之后添加粘性导航添加类？

Question

首先，我要说的是，im试图在页面滚动之后的某些滚动之后创建此粘性导航。 并可以通过以下代码在某些滚动后将导航添加一个类来实现。

jQuery(function() {
jQuery(window).scroll(function() {
    var scroll = jQuery(window).scrollTop() + 90;
    var currentArea = jQuery("section").filter(function() {
        return scroll <= jQuery(this).offset().top + jQuery(this).height();
    });

    if (jQuery(window).scrollTop() > 15) {
        jQuery('.list_title_bar_container').addClass("follow");
    } else if (jQuery(window).scrollTop() < 15 ) {
        jQuery('.list_title_bar_container').removeClass("follow");
    }
});
});

但是无论如何，我只有在滚动到达特定的导航div时才可以添加.follow类，而不是通过使用计数来确定滚动的次数，而是通过设置特定的div目标？

我要问这个问题，因为我有两个导航需要是粘性导航，但由于导航的位置取决于我所看的页面而有所不同，因此无法准确计算出导航的位置和位置。

如果您需要查看以下内容，请访问以下实时站点： http : //lifeto.cafe24.com/xe/request#

我尝试创建的即时贴是这个.list_title_bar_container

谢谢。

Answer 1

像这样吗？

$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    var div = $('your div name here').offset().top; // get top offset of your div

    if (scroll > div) {
        $('.list_title_bar_container').addClass("follow");
    } else {
        $('.list_title_bar_container').removeClass("follow");
    }
});

http://codepen.io/anon/pen/vLrwrN