固定定位元素滚动页面,直到Firefox移动中滚动完成

时间:2017-06-04 17:51:21

标签: javascript jquery html css firefox

我有一个元素,CSS是position: fixed

它在PC浏览器上运行良好,但在移动浏览器(尤其是Firefox)上运行很糟糕

问题在于固定定位元素随页面滚动,然后在滚动完成后笨拙地重新捕捉到位置。

这里是演示:(注意右下角的“顶部”块,这是一个固定的元素)

http://imgur.com/a/94A3v

如何解决这个问题?

1 个答案:

答案 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>