向上或向下滚动时删除类

Question

我想实现的目标是在向上或向下滚动时删除特定的类或隐藏类（以避免滞后）。 我有以下代码：

var $div = $('#div'); 
$div.on('mouseenter', '.box', function() { 
    $(this).find('span.category').addClass('bg-category'); 
    $(this).find('.post-options').show(); 
}); 

和//休假：

$div.on('mouseleave', '.box', function() { 
    $(this).find('span.category').removeClass('bg-category'); 
    $(this).find('.post-options').hide(); 
}); 

基本上，我有大量的图片和滚动，而当鼠标悬停在.box的滞后它的页面显著。所以我想要实现的是不仅在'mouseleave'中删除这些类，而且还可以在页面上下滚动时删除这些类。

与google +相似，在滚动鼠标悬停的内容卡片时，链接会亮起，但一旦滚动，它们将被删除。例如：https://plus.google.com/communities/100354381402619402956

Answer 1

你可以试试这个：

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
    // downscroll code 
     $("#div").find('.post-options').show(); 
     $(".box").delay(800).addClass('dummyclass'); 
    } else { 
    // upscroll code 
     $("#div").find('.post-options').hide(); 
     $(".box").delay(800).addClass('dummyclass'); 
    } 
lastScrollTop = st; 
});