自动滚动到焦点输入视图

Question

如何在键盘打开时启用自动滚动以聚焦输入？ 我创建了一个简单的演示，其中有2个输入：simple demo。

<div style="height:300px;"></div>
<form action="/">
   <input type="text" />
   <br/>
   <input type="text" /> 
   <button>ok</button>
</form>
<div style="height:300px;"></div>

当我点击页面底部的输入框时，键盘打开并隐藏了输入框。 我从手机打开w3s网站，并在其中点击底部的输入框时，浏览器会自动将其滚动到可见位置。 那么我需要怎么做才能让焦点输入框自动滚动到视图中开始工作？

- Kholiavko

---

你应该会发现这个链接很有帮助 (https://dev59.com/U3I-5IYBdhLWcg3w-9sJ#1586366)。告诉我发生了什么 :) - www139

我知道这种方法，但我认为这现在是默认浏览器功能，因为在任何网站上它都可以正常工作，但不在我的网站上 :) - Kholiavko

Answer 1

我解决了这个问题。在我的情况下，是因为正文高度小于内容高度。而且在 Codepen 上，我认为是因为它通过 iframe 渲染。

- Kholiavko