在滚动时向元素添加类

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; 
} 
});