javascript - 滚动时向元素添加类

Question

当用户第一次从页面顶部滚动时，我想向元素添加一个类。如果用户然后向上滚动并点击页面顶部，我希望删除该类。

在解决方案中使用 jQuery 很好。

Answer 1

尝试

$(window).scroll(function() {    

    $("id or class").removeClass("active");

    var scroll = $(window).scrollTop();

    if (scroll <= 500) {
        $("#one").addClass("active");
    }
    else if (scroll <= 1000) {
        $("#tow").addClass("active");
    }
    else {
        $("#three").addClass("active");
    }
}

Answer 2

所以这是您正在寻找的解决方案。只需使用您的div标签对其进行自定义。

$(document).ready(function () {
    $(window).scroll(function(){
      // get the height of #wrap
      var h = $('#top').height();
      var y = $(window).scrollTop();

      if( y > (h*.25) ){

       $("#sidef").fadeIn(1100);
      } else {
       $('#sidef').fadeOut(75);
      }
     });
      });

Answer 3

var notAdded = true;
$(window).scroll(function(){
  if(  $(this).scrollTop() == 0){
       $(elem).removeClass('classname');
       notAdded = true;
  }
  else if(notAdded){
     $(elem).addClass('classname');
       notAdded  = false;
 }
});