javascript - 如何检查 div 是否距离顶部 100 像素并向其添加类？

Question

我有一个函数

function sticky_relocate() {
    var window_top = $(window).scrollTop();
    var div_top = $('#sticky-anchor').offset().top;
    if (window_top > div_top) {
        $('.sticky').addClass('stick');
    } else {
        $('.sticky').removeClass('stick');
    }
}

$(function () {
    $(window).scroll(sticky_relocate);
    sticky_relocate();
});

当 div 到达顶部时，它向其添加类 stick。我想改变的是，当类(class)达到 距顶部 100 像素 时，它应该添加类(class)棒。如何实现？

Answer 1

使用这个 jQuery，

  $(document).on('scroll', function(){
       if ($(window).scrollTop() > 100){
          $('#myID').addClass('.myClass');
       }
    });

CODEPEN DEMO