Why doesn't this JS work? (window.scrollTop)

Question

The class 'stuck-sm' is added, but 'stuck-md' is not.

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

else if is reachable only if the value is less than 285 which means second else if block won't get execute. Below is the correct solution.

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