我有一个元素,CSS是position: fixed
。
它在PC浏览器上运行良好,但在移动浏览器(尤其是Firefox)上运行很糟糕
问题在于固定定位元素随页面滚动,然后在滚动完成后笨拙地重新捕捉到位置。
这里是演示:(注意右下角的“顶部”块,这是一个固定的元素)
如何解决这个问题?
答案 0 :(得分:1)
对于移动浏览器,"已修复"在这里详细讨论: http://bradfrost.com/blog/mobile/fixed-position/
您可以使用jQuery Mobile,如下所述: http://demos.jquerymobile.com/1.2.1/docs/toolbars/bars-fixed.html
你最终会得到像
这样的东西<div data-role="header" data-position="fixed">
<h1>Fixed Header!</h1>
</div>