Facebook风格固定标题

时间:2012-12-03 17:23:39

标签: javascript html ios css

在我的网站http://www.merkato.hu上,标题位置固定。在桌面浏览器上,这种方法效果很好 - 但在移动设备上,由于固定的定位,缩放页面会使标题无法使用。

我尝试了一种方法,使高度和html绝对定位到标题和内容,溢出设置为滚动 - 但是有脚本需要主体可滚动。

为移动设备完成固定标头的最佳方法是什么?对于iDevices来说,我所发现的一切都不值得。

1 个答案:

答案 0 :(得分:0)

这是一个难题。大多数移动设备都支持fixed定位。支持这一功能的第一批移动浏览器附带了今年生产的设备。

我记得jQuery Mobile团队在固定的页眉和页脚上挣扎了很长一段时间。

他们得到了它的工作,所以我建议使用jQuery Mobile(或其他一些可以做到这一点的框架),或者深入研究他们的JS和CSS,看看它是如何工作的。

无论如何,如果没有大约20种不同的测试设备,您将无法确定它是否有效。因此,除非你有一个可观的预算,否则你必须坚持经过充分测试的开源解决方案。