如何在移动浏览器上创建固定标题答案

【问题标题】：How to create a fixed header on a mobile browser如何在移动浏览器上创建固定标题
【发布时间】：2014-08-16 02:23:29
【问题描述】：

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

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

这个想法和jQueryMobile fixed toolbars使用的一样，当用户在滚动的时候header会消失，只有在滚动完成后才会重新出现。

【问题讨论】：

【解决方案1】：

这比你想象的要简单。我使用此代码：

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

【讨论】：