javascript - 如何防止 iOS 键盘使用 CSS 或 JS 将 View 推离屏幕

Question

我有一个响应式网页，当您点击一个按钮时，它会打开一个模式。当模式打开时，它被设置为使用固定定位占据页面的整个宽度和高度。模式中还有一个输入字段。

在 iOS 设备上，当输入字段获得焦点时，键盘会打开。然而，当它打开时，它实际上将整个文档向上推开，以至于我的页面的一半超出了视口(viewport)的顶部。我可以确认实际的 html 标签本身已经被推高以补偿键盘，并且它没有通过 CSS 或 JavaScript 发生。

有没有人以前见过这种情况，如果有，有没有办法阻止它，或者在键盘打开后重新定位东西？这是一个问题，因为我需要用户能够在模式顶部看到内容，同时我想自动聚焦输入字段。

Answer 1

first

<script type="text/javascript">
 $(document).ready(function() {
     document.ontouchmove = function(e){
          e.preventDefault();
          }
 });

then this

input.onfocus = function () {
    window.scrollTo(0, 0);
    document.body.scrollTop = 0;
}