Question

我使用 iOS9 移动版Safari iPhone6sPlus 检查了此错误。

当横向模式下显示safari的标签时，我无法触摸固定元素。当隐藏标签时我可以触摸它。

在iOS9移动版Safari游戏中展示my demo。
- 仅使用标签栏可见，
向下滚动，直到隐藏标签。
触摸固定元素。
向上滚动，直到显示标签。
也许你无法触及固定元素。

你知道这个错误吗？

当我的笔上显示标签时，请尝试触摸。 http://s.codepen.io/geckotang/debug/yYZmoe

这是我无法触摸元素时的屏幕截图。

我的朋友在youtube

另外这是我的代码。

<!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>

Answer 1

我正在iPhone 6S Plus上运行iOS 9.3.1，我也看到了这个问题。在尝试了大量的代码解决方法后，我无法解决此问题或找到解决方法。如上所述，只有当标签栏在浏览器上可见时才会出现，只要向下滚动页面并且标签栏消失，渲染就会按预期工作。当您向上滚动到页面顶部时，触摸区域会向下偏移您之前向下滚动的页面数量。

要注意，这不会影响屏幕元素在固定位置的可见渲染，只会影响与之关联的触摸区域。

iOS9移动safari景观css bug位置：固定;

1 个答案: