javascript - 固定定位元素随页面滚动,直到在 Firefox 移动版中完成滚动

标签 javascript jquery html css firefox

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

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

问题是固定定位元素随页面滚动,然后在滚动完成后笨拙地弹回原位。

演示如下:(注意右下角的“Top” block ,这是一个固定定位的元素)

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

如何解决这个问题?

最佳答案

对于移动浏览器,这里详细讨论“固定”: 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/

相关文章:

html - 将导航高度放在页脚,而不是固定位置

html - 为什么 Chrome 不能正确解释我的 HTML 而 Canary/Safari 是?

javascript - Mongoose 不返回字段

javascript - Firefox 中的命令调度程序

php - 想要记录点击页面上的链接所花费的时间

javascript - 自定义数据列表 - 选项在选择前消失

javascript - 为什么这个基本的 Meteor 创建项目命令失败了?

javascript - 等待 $.post 完成

jquery - 当我切换类时,图标相互堆叠

javascript - jQuery:选择 LI 的父文本