[記錄]移動端鍵盤收起后,頁面樣式不恢復的問題

在移動端的文本框中輸入內容,收起鍵盤后會出現頁面布局不下滑的問題(目前只在 IOS 下進行了測試):

輸入內容.png

收起鍵盤.png

解決方案是,當文本框失去焦點后讓 window 重新滾動到(0,0)到位置:

const inputItems = document.querySelectorAll("input");
inputItems.forEach(function(ele){
  ele.addEventListener("blur",function(){
    window.scrollTo(0,0)
  })
})

完。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • 上班第一天,你給我布置了個作業。 我說我回去做,做好發你。 你說你提倡工作效率,不鼓勵回家做。 我癟了癟嘴。 我熬...
    韓范女主閱讀 147評論 2 2
  • 2018年5月3日觀功念恩+善行點滴: 一、對于兒子來說最開心的事情就是我能夠陪他走路上幼兒園,牽著兒子的手一路從...
    園桃閱讀 633評論 0 0
  • 通過簡單的幾個字,我發現自己其實是很依賴自己的父親的,我自己的小家庭的模式和我的原生家庭是一樣的,我是我父親的復制...
    星子_d4a7閱讀 287評論 0 0
  • 它是我童年的玩伴,它陪伴了我整個春夏秋冬,它就是我最想記住的朋友。它對于我來說,是寶貴的回憶,是一生的惦記。 我總...
    咿源泉物語閱讀 331評論 0 1