javascript - hasClass 有什么问题吗

Question

第 6 行中 !$catalog.hasClass('catalog-fixed') 的值始终为 true

$(window).scroll(function(){
      var $catalog = $(".catalog-brief");
      var sideTop = $catalog.offset().top;
      if (sideTop < 1000){
           // always true
           if (!$catalog.hasClass('catalog-fixed')) $catalog.addClass("catalog-fixed");
      } else {
           if ($catalog.hasClass('catalog-fixed')) $catalog.removeClass("catalog-fixed");
     }
})

但是这个效果很好

var $catalog = $(".catalog-brief");
var sideTop = $catalog.offset().top;
$(window).scroll(function(){
      if (sideTop < 1000){
           if (!$catalog.hasClass('catalog-fixed')) $catalog.addClass("catalog-fixed");
      } else {
           if ($catalog.hasClass('catalog-fixed')) $catalog.removeClass("catalog-fixed");
     }
})

我有什么错误吗？

Answer 1

尝试使用window.scrollY而不是当前的sideTop。或者如果您想使用 Jquery，则 $(window).scrollTop() 。

$(window).scroll(function(){
      var $catalog = $(".catalog-brief");

      // if ($(window).scrollTop() < 1000) {
      if (window.scrollY < 1000) {
           if (!$catalog.hasClass('catalog-fixed')) $catalog.addClass("catalog-fixed");

      } else {
           if ($catalog.hasClass('catalog-fixed')) $catalog.removeClass("catalog-fixed");
     }
});