引导模式的粘性标题？答案

【问题标题】：sticky header for bootstrap modal?引导模式的粘性标题？
【发布时间】：2015-02-10 00:25:24
【问题描述】：

当用户向下滚动时，我试图让我的引导模式的标题保持固定在顶部。（向下滚动时与 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'});
    }
});

我也尝试过引导程序中的词缀类，但没有任何运气。

这可能与我目前的逻辑还是我遗漏了什么？

谢谢， -保罗

【问题讨论】：

标签： javascript jquery twitter-bootstrap modal-dialog sticky

【解决方案1】：

您可以简单地使用 CSS 来实现您所需要的。

这是您需要添加到 CSS 中的代码：

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

这将确保您的标题保持在浏览器窗口的顶部，即使用户向下滚动也会保持在那里。

【讨论】：