【问题标题】：Facebook style fixed headerFacebook 样式固定页眉
【发布时间】：2012-12-04 01:46:28
【问题描述】：
在我的网站http://www.merkato.hu 上，标题的位置是固定的。在桌面浏览器上，这很好用 - 但在移动设备上，缩放页面会使标题由于固定的位置而无法使用。
我尝试了一种方法，使高度和 html 绝对定位到标题和内容，并将溢出设置为滚动 - 但有些脚本需要正文可滚动。
为移动设备完成固定标题的最佳方法是什么？对于 iDevices，我发现的一切似乎都不值得。
【问题讨论】：
标签：
javascript
html
ios
css
【解决方案1】：
这是一个难题。在大多数移动设备中，对fixed 定位的支持已损坏或缺失。首批支持今年生产的设备的移动浏览器。
我记得jQuery Mobile 团队在很长一段时间内都在为固定页眉和页脚而苦苦挣扎。
他们让它工作了，所以我建议要么使用 jQuery Mobile（或其他一些显然可以做到这一点的框架），要么深入研究他们的 JS 和 CSS 来了解它是如何工作的。
无论如何，如果没有大约 20 种不同的测试设备，您将无法确定它是否有效。因此，除非您有可观的预算，否则您必须坚持使用经过充分测试的开源解决方案。