如何在移动浏览器上创建固定标头

时间:2011-04-28 12:11:43

标签: header jquery-mobile css-position mobile-browser

我正在寻找一个允许在移动浏览器上使用固定标头的JavaScript / jQuery插件。

iScroll似乎是最受欢迎的解决方案,但我对一个不会在滚动时不断计算标题位置的插件感兴趣。

这个想法与jQueryMobile fixed toolbars使用的相同,当用户滚动标题消失时,仅在完成滚动后重新出现。

1 个答案:

答案 0 :(得分:0)

这比你的想法更简单。 我使用这段代码:

<div data-role="header" data-position="fixed">
    <h1>Fixed Header!</h1>
</div>

查看更多信息: http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html