页面静止时隐藏div，滚动移动时显示

Question

我想在android上的chrome（？）上做一个像这样的粘贴标题。

即，当您向下滚动页面时，没有粘性标题，但只要向上滚动，（或者说在1秒之后），粘性标题就会再次出现。

然后，当您向下滚动时，它会再次隐藏。

我认为这是一个更好的粘性标题解决方案，但只能找到引用航点的教程，我想要一些基于运动而不是固定位置的东西。

有人可以给我一个简单的例子吗？

太棒了，谢谢。

Answer 1

检查Working Fiddle。我希望这是你需要的......

var scroll_pos = 50;
var scroll_time;
if($('.gridContainer').is(':visible'))
 $('.gridContainer').addClass('hidden');  
$(window).scroll(function() {
    clearTimeout(scroll_time);
    var current_scroll = $(window).scrollTop();

if (current_scroll >= $('#topNav').outerHeight()) {
    if (current_scroll <= scroll_pos + 100) {
        $('.gridContainer').removeClass('hidden');    
    }
    else {
        $('.gridContainer').addClass('hidden');  
    }
}

scroll_time = setTimeout(function() {
    scroll_pos = $(window).scrollTop();
}, 600);

}）;