gpt4 book ai didi

html - 固定导航栏与 iPhone 版 Chrome 浏览器顶部分开

转载 作者:技术小花猫 更新时间:2023-10-29 12:34:59 25 4
gpt4 key购买 nike

我有一个带有引导固定顶部导航栏 ( example here ) 的网站,我注意到,在 iPhone 上使用 Chrome,当快速滚动时,导航栏与屏幕顶部仅相隔几个像素.这显示在以下屏幕截图中,来自 Bootstrap 导航栏示例页面:

Fixed navbar separation

这只发生在 iPhone 上的 Chrome 上,而不是在 iPad 或我测试过的任何 Mac/PC 上。它也发生在我能找到的每个带有固定导航栏的网站上。我唯一能想到的就是将导航栏的背景颜色扩展到浏览器顶部上方,这样,当导航栏最终被下拉时,它不会与屏幕完全分离。然而,这仍然会导致导航栏的内容被拉下,这显然是一个肮脏的修复。

有没有其他人遇到过这个问题,是否有任何已知的可用修复方法?

最佳答案

我用了一个巧妙的方法来弥补这个差距,
我将 padding-top:100px 设置为导航,然后设置 margin-top:-100px,
所以当它再次发生时,间隙将由 padding-top 填充。

到目前为止一切正常,希望这对您也有帮助。

关于html - 固定导航栏与 iPhone 版 Chrome 浏览器顶部分开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35150409/

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