引导模态的粘性头？

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 
} 

这将确保你的头停留在浏览器窗口的顶部，并在那里停留，即使用户向下滚动。