引导模头的粘性标头？

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'});
    }
});

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

以我目前的逻辑，这是否可能？或者我缺少什么？

谢谢，-Paul

Answer 1

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

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

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

这样可以确保您的标题停留在浏览器窗口的顶部，并且即使用户向下滚动也可以停留在该窗口的顶部。