gpt4 book ai didi

ios - 移动 IOS Google chrome 地址栏行为

转载 作者:可可西里 更新时间:2023-11-01 03:58:17 24 4
gpt4 key购买 nike

我花了很多时间尝试 jquery/javscript“修复”来让它工作。自上次更新 chrome mobile for IOS 以来,浏览器的地址栏行为有所不同。我相信你们知道我在说什么:向下滚动页面,该栏隐藏起来,但一旦向上滚动,它就会出现。是的,这是一个很好的用户体验,我可以说。

问题是我的网络应用程序(标题)顶部确实有固定元素,每次向上滚动时,地址栏都会越过我的固定元素。

我查找了其他网络应用程序(twitter、gmail),他们似乎找到了避免这种情况的方法。我想阅读您对他们如何实现它的想法。没有必要告诉我不要使用固定元素。

所以我的问题是:有办法避免这种情况吗?您对这种情况有何看法。

示例:https://mobile.twitter.com/EmWatson (最好在iphone上看)

仅供引用:我为我的网络应用程序使用 Jquery 移动框架。

谢谢。

最佳答案

好吧,我找到了一种工作方式。

<body style="overflow:hidden;">
<header style="width:auto;display:block;padding:12px;text-align:center;background-color:#1276c7;color:white;position:fixed;top:0;left:0;right:0;opacity:1;">FIXED HEADER</header>
<div role="main" style="height:100%;overflow-y:scroll;padding:60px 0;box-sizing:border-box;-webkit-overflow-scrolling: touch;">
<article>

...(content)...

</article>
</div>
</body>

看来我们需要一个内部可滚动元素并移除 body 上的溢出。看来是我想多了希望这对某人有帮助。

关于ios - 移动 IOS Google chrome 地址栏行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18773174/

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