gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 15:33:41 27 4
gpt4 key购买 nike

我有一个元素,它的 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com