Question

首先让我说我试图创建这个粘性导航，在一定滚动之后，在页面滚动之后。并且它可以通过以下代码在某些滚动后添加导航类。

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目标？

我问这个问题，因为我有两个导航需要粘性导航，但它不能精确计算导航的位置和位置，因为导航的位置因我看到的页面而异。 / p>

如果您需要查看以下内容，请访问实时网站：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

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

1 个答案: