关于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有效又能禁止滚动穿透的方法，点这里移动端滚动穿透问题。

总结

以上是生活随笔为你收集整理的关于scrollIntoView()不能使输入框显示在可视区域的问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。