IOS軟鍵盤彈起,頂起頁面使其脫離文檔流,input失焦后,留下空白問題解決


Html5的scrollIntoView屬性( DOM元素的scrollIntoView()方法是一個IE6瀏覽器也支持的原生JS API,可以讓元素進入視區,通過觸發滾動容器的定位實現)

function scrollToView() {
  var element = document.getElementById("box");
  //元素下邊框與視窗底部齊平,不傳參則表示元素上邊框與視窗底部齊平
  element.scrollIntoView(false);
}
document.querySelector('input').addEventListener('blur',function(){
 // 當input失去焦點調用此方法使得頁面回到可視范圍
 scrollToView();
})

日后再遇到控制窗體滾動高度的需求,不要猶豫,document.scrollingElement用起來


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM