【发布时间】：2012-01-13 17:57:53
【问题描述】：
有人知道使用 Jquery 或 CSS 在每个页面上修复标题 div (.headerArea) 的好方法吗？
找不到任何有用的东西！
干杯 保罗
【问题讨论】：
-
在最新版本的Android浏览器中，CSS属性position:fixed最终应该是available。它可能不是一个生产就绪的解决方案，但值得牢记。
标签： jquery css html jquery-mobile
【发布时间】：2012-01-13 17:57:53
【问题描述】：
有几个 JavaScript 滚动器可以帮助模仿原生滚动。
jQuery Mobile 的滚动视图实验针对 1.0 最终版本进行了优化：http://jquerymobile.com/test/experiments/scrollview/
iScroll 有一个新版本（4）：http://cubiq.org/iscroll-4
Flexscroll 的主要功能是创建自定义滚动条，但它也适用于触控环境：http://www.hesido.com/web.php?page=customscrollbar
它们都很轻量级，压缩后只有 15-20KB。
这是一个使用 jQuery Mobile Scrollview Experiment 的基本示例：http://jsfiddle.net/NX8SN/
【讨论】：
-
但是你会有原生滚动和任何插件彼此相邻运行，所以很多时候当你真正想要滚动内容部分时，你最终会用原生滚动拉下标题栏.无论您使用哪个滚动条，请确保可滚动元素覆盖整个屏幕以避免发生这种情况。
-
为你们的帮助干杯，我已经尝试了 iscroll，但很难让它在多个屏幕上工作！干杯
-
@frequent 您的问题是 CSS 问题。只有当页面内容超过视口高度的 100% 时，本机滚动条才会发挥作用。在
data-role="page"元素上设置max-height : 100%和overflow : hidden将确保不会出现本机滚动条。使用 iScroll（我看到了您的其他问题），您需要设置页面的布局，使页眉位于顶部，页脚位于底部，内容区域位于其他任何地方（不触及页面的顶部或底部）。这些 CSS 问题由 jQuery Mobile 的 Scrollview Experiment 自动处理。 -
多个 jquery 移动屏幕我的意思是，因为所有页面都在同一个页面中，我正在苦苦挣扎..
-
@Paul 这个答案可以帮助你让它在多个页面上工作：stackoverflow.com/questions/8841427/…