在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()不能使输入框显示在可视区域的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。