当页面静止时隐藏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); 

}）;