我有一个元素,它的 CSS 是 position: fixed
。
它在PC浏览器上运行良好,但在移动浏览器(尤其是Firefox)上运行很差
问题是固定定位元素随页面滚动,然后在滚动完成后笨拙地弹回原位。
演示如下:(注意右下角的“Top” block ,这是一个固定定位的元素)
如何解决这个问题?
最佳答案
对于移动浏览器,这里详细讨论“固定”: 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>
关于javascript - 固定定位元素随页面滚动,直到在 Firefox 移动版中完成滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44357120/