自动滚动到焦点输入视图

Question

键盘打开时如何启用自动滚动来聚焦输入？我创建了一个简单的演示,其中有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 渲染。