引導模態的粘性頭？

Question

我試圖讓我的引導模式的標題保持固定在頂部，當用戶向下滾動。 （當向下滾動時，與pinterest模式相同的想法）

我在這裏包含了一個jsfiddle。

我最新的JavaScript嘗試是這樣的：

var $stick = $('#stickyHeader'); 

$('#myModal').scroll(function(){ 
    var scrollTop = $(this).scrollTop(); 

    if(scrollTop >= $stick.offset().top){ 
     $stick.css({'position':'fixed'}); 
    } 
    else{ 
     $stick.css({'position':'relative'}); 
    } 
}); 

我也試着在引導詞綴類沒有任何的運氣。

這是可能與我目前的邏輯或有什麼我失蹤？

感謝， - 保羅

Answer 1

您可以簡單地使用CSS來實現你所需要的。

這裏，你將需要添加到您的CSS代碼：

#IdOfYourHeader { 
    position: fixed; 
    top: 0; //This can be changed to the required amount 
} 

這將確保你的頭停留在瀏覽器窗口的頂部，並在那裏停留，即使用戶向下滾動。