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

我也在没有运气的情况下在bootstrap中尝试了词缀类。

这可能与我目前的逻辑有关，还是我缺少一些东西？

谢谢， -Paul

Answer 1

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

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

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

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

bootstrap模式的粘性标头？

1 个答案: