为什么这个 JS 不起作用？ (window.scrollTop)

Question

添加了 class 'stuck-sm'，但没有添加 'stuck-md'。

if ($(window).scrollTop() >= 285) {
  $('.something').addClass('stuck-sm');
} else if ($(window).scrollTop() >= 430) {
  $('.something').addClass('stuck-md');
} else {
  $('.something').removeClass('stuck-sm','stuck-md');
}

Answer 1

仅当值小于 285 时才可访问 else if，这意味着第二个 else if 块不会被执行。 下面是正确的解决方案。

if ($(window).scrollTop() >= 430) {
   $('.something').addClass('stuck-md');
} else if ($(window).scrollTop() >= 285) {
   $('.something').addClass('stuck-sm');
} else {
   $('.something').removeClass('stuck-sm','stuck-md');
}