自动滚动到焦点输入视图

Question

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

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

当我点击页面底部的输入时，键盘打开并隐藏输入。

当我点击输入时，我在手机上打开w3s网站上的蚂蚁，当页面浏览器的底部自动将其滚动到视图中时。

我需要做什么，自动滚动到焦点输入视图将开始我的演示？

Answer 1

我解决了这个问题。在我的情况下，这是因为身高比内容高度小。在codepen上我认为这是因为它通过iframe呈现。