Question

我创建了一个演示（不是在Jsfiddle中，无法让它在设备中工作）：

http://i283951.iris.fhict.nl/test.html

当我在iPad上打开并向下滚动然后单击输入时，它会一直向上滚动到顶部，然后显示键盘。

我很确定这也发生在iPhone上，在我的机器人上我没有那些问题。所以我认为它与iOs有关。

body {
  margin: 0;
  padding: 0;
  height: 2000px;
}
.top {
  width: 100%;
  height: 50px;
  position: fixed;
  background-color: #AA3939;
}
.input-group {
  margin-top: 12px;
  margin-left: 50px;
}

<html>

<head>

</head>

<body>
  <div class="top">
    <div class="input-group">
      <input type="search" placeholder="Search...">
      <button type="submit">Submit</button>
    </div>
  </div>
</body>

</html>

Answer 1

我认为您可以通过使用与此处描述相同的方法来阻止这种情况： https://stackoverflow.com/a/7771215/1501847

对于在iOS Safari中运行的web / html应用程序，您需要类似

的内容

document.ontouchmove = function(event){
event.preventDefault();

}

焦点

1 个答案: