关于scrollIntoView()不能使输入框显示在可视区域的问题

在SPA项目中，又是会设置html,body为100%，在body里面再加一层div，让这层div滚动，这样就直接导致了页面中scrollIntoView失效了，输入框聚焦时不能自动滚动到可视区域。

导致scrollIntoView失效代码：

html,body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.page{
    height: 100%;
    overflow: auto;
}

一般这样写是为了overlay弹出层，防止弹出层随页面滚动，这样做可以防止弹出层滚动，但是不能实现输入框在可视区域。关于如何实现弹出层及既能使scrollIntoView有效又能禁止滚动穿透的方法，点这里移动端滚动穿透问题。