gpt4 book ai didi

android - 在三星安卓浏览器上启用真正的固定定位

转载 作者:IT老高 更新时间:2023-10-28 22:18:49 26 4
gpt4 key购买 nike

Android 浏览器从 2.2 开始支持固定定位,至少在某些情况下,例如关闭缩放时。我有一个没有 JS 的简单 HTML 文件,但我试过的三部三星手机上的固定定位是完全错误的。标题不是真正的固定定位,而是滚动出 View ,然后在滚动完成后弹回原位。

对于我测试过的任何配置(2.2、2.3、2.3 x86、4.0.4),在 Android SDK 模拟器上都不会发生这种情况。在三星手机上的应用程序中使用 WebView 时也不会发生这种情况:在这些情况下,定位会按预期工作。

有没有办法让三星安卓“股票”浏览器使用真正的固定定位?

我已经测试过: 1. 三星 Galaxy 551,安卓 2.2 2. 三星 Galaxy S,安卓 2.3 3. 三星 Galaxy S II,Android 2.3

示例代码:

<html>
<head>
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width,height=device-height">
<style>
h1 { position: fixed; top: 0; left: 0; height: 32px; background-color: #CDCDCD; color: black; font-size: 32px; line-height: 32px; padding: 2px; width: 100%; margin: 0;}
p { margin-top: 36px; }
</style>
</head>
<body>
<h1>Header</h1>
<p>Long text goes here</p>
</body>
</html>

预期的行为是灰色标题填充屏幕顶部并保持不变,无论您滚动多少。在三星 Android 浏览器上,它似乎会滚动到视野之外,然后在滚动完成后弹回原位,就好像使用 Javascript 模拟了固定定位一样,但事实并非如此。

编辑从评论和“答案”来看,似乎我不清楚我需要什么。我正在寻找一个元标记或 css 规则/hack 或 javascript 切换来关闭三星损坏的固定定位并打开 Android 浏览器的工作固定定位。我不是在寻找一种 Javascript 解决方案,它将损坏的固定定位添加到没有任何支持的浏览器中;三星固定定位已经这样做了,只是看起来很愚蠢。

最佳答案

也许您可以考虑另一种不需要固定定位的方法...

将滚动添加到段落元素而不是(默认)正文元素。然后,您可以将段落元素放置在标题下方。这将确保标题始终显示在页面顶部,同时允许您滚动浏览段落中的文本。

h1 {
height: 20px;
}

p {
position: absolute;
top: 20px;
left: 0px;
right: 0px;
bottom: 0px;
overflow-y: auto;
}

关于android - 在三星安卓浏览器上启用真正的固定定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11367806/

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