當頁面靜止時隱藏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); 

}）;