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

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

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

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

相關文章
相關標籤/搜索