固定定位元素随着页面滚动，直到在 Firefox 移动中完成滚动答案

【问题标题】：Fixed positioned element scrolls with page until the scrolling is complete in Firefox mobile固定定位元素随着页面滚动，直到在 Firefox 移动中完成滚动
【发布时间】：2017-06-05 02:03:04
【问题描述】：

我有一个元素，它的 CSS 是 position: fixed。

在 PC 浏览器上运行良好，但在移动浏览器（尤其是 Firefox）上运行不佳

问题是固定定位的元素随着页面滚动，然后在滚动完成后笨拙地重新定位。

下面是演示：（注意右下角的“Top”块，它是一个固定定位的元素）

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

如何解决这个问题？

【问题讨论】：

标签： javascript jquery html css firefox

【解决方案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>

【讨论】：