在SPA項(xiàng)目中，又是會(huì)設(shè)置html,body為100%，在body里面再加一層div，讓這層div滾動(dòng)，這樣就直接導(dǎo)致了頁面中scrollIntoView失效了，輸入框聚焦時(shí)不能自動(dòng)滾動(dòng)到可視區(qū)域。

導(dǎo)致scrollIntoView失效代碼：

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

一般這樣寫是為了overlay彈出層，防止彈出層隨頁面滾動(dòng)，這樣做可以防止彈出層滾動(dòng)，但是不能實(shí)現(xiàn)輸入框在可視區(qū)域。關(guān)于如何實(shí)現(xiàn)彈出層及既能使scrollIntoView有效又能禁止?jié)L動(dòng)穿透的方法，點(diǎn)這里移動(dòng)端滾動(dòng)穿透問題。

總結(jié)

以上是生活随笔為你收集整理的关于scrollIntoView()不能使输入框显示在可视区域的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。