iOS9移动safari景观css bug位置:固定;
我用iOS9手机游戏iPhone6sPlus检查了这个bug .
当横向模式下显示safari的选项卡时,我无法触摸固定元素.当隐藏选项卡时,我可以触摸它.
- 在iOS9移动野生动物园景观中展示我的演示.
- 仅在标签栏可见时成功重现,
- 向下滚动,直到隐藏选项卡.
- 触摸固定元素.
- 向上滚动,直到显示选项卡.
- 也许你不能触摸固定元素.
你知道这个bug吗？
当我的笔上显示标签时,请尝试触摸. http://s.codepen.io/geckotang/debug/yYZmoe
这是我无法触摸元素时的屏幕截图.
我的朋友在youtube上记录了这个bug
另外这是我的代码.
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.fixed {
display: block;
position: fixed;
top: 0px;
right: 0px;
width: 100px;
height: 100px;
display: block;
width: 100px;
height: 100px;
background-color: tomato;
}
</style>
</head>
<body>
<a href="javascript: void(0);" class="fixed">link</a>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
...
</body>
</html>
我在 iPhone 6S Plus 上运行 iOS 9.3.1，也遇到了这个问题。在尝试了多种代码解决方法后，我无法解决此问题或找到解决方法。如上所述，只有当标签栏在浏览器上可见时才会发生，一旦向下滚动页面并且标签栏消失，渲染就会按预期进行。当您向上滚动回到页面顶部时，触摸区域会向下偏移您之前向下滚动到的页面量。
需要注意的是，这不会影响固定位置的屏幕元素的可见渲染，只会影响与其关联的触摸区域。
- 我实际上把范围缩小了一点。由于标签栏仅在 6 Plus 或 6S Plus 上可见，因此此问题不会影响任何其他手机型号，但可能会影响我尚未测试的 iPad。除此之外，如果有人在 Safari 应用程序设置中关闭了标签栏，他们将看不到它。非常窄的条件：6/6S Plus，横向模式，屏幕向下滚动并返回页面后，仅当选项卡栏可见时。 (2认同)
| 归档时间： |
|
| 查看次数： |
2406 次 |
| 最近记录： |