gpt4 book ai didi

css - Safari 5.1.3位置:已修复加载滚动渲染问题

转载 作者:行者123 更新时间:2023-12-04 23:52:14 26 4
gpt4 key购买 nike

http://hungimage.herokuapp.com/具有在Safari中滚动加载页面时遇到的问题的POC。
页面底部的图像调用正在请求端点,该端点将不返回响应以保持页面加载并显示渲染问题。

当页面正在加载且所有资源尚未下载时,如果我在Safari版本5.1.3(7534.53.10)中滚动,则固定位置标题将错误地呈现。
如果您在Safari中快速上下滚动,则应该能够检测到渲染问题。

我无法在其他浏览器中重复此操作,并且需要一种不会对绝对定位的元素的位置产生不利影响的解决方案。
您可以在此处看到截屏视频:http://www.flickr.com/photos/geoff/6861146330/

我是否缺少位置固定的东西?



更新:



这似乎是合法的Safari错误。
如果您的页面在Safari 5.1.4中的一个选项卡中打开了带有挂起的页面(永久加载-此处为示例:geoffreymoller.no.de),而在另一个选项卡中具有固定标题的站点(facebook,此处为其他示例: ),如果您在固定的标题站点中滚动,则标题将显示渲染问题。

最佳答案

防代码的两件事;

使div:

<div id="fixed"></div>


页面中的语义容器,并将以下CSS声明添加到div#fixed规则中

z-index:99;


希望对杰夫有帮助。

关于css - Safari 5.1.3位置:已修复加载滚动渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9832976/

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