IOS下軟鍵盤彈出時,H5頁面上方的固定區域被頂上去的解決辦法(js)

鍵盤彈出後,整個頁面上移,原先固定在頂部,position=fixed的div,不見了。原來這時候div的fixed的效果變成了absolute效果。鍵盤彈出時,會觸發body的scroll事件。這時候只要得到頁面整體滾動的距離,把div的top設置爲這個距離就可以了

$(window).on('scroll', function () {
//在IOS下document.body.scrollTop 一直爲0,要用document.documentElement.scrollTop
   var scrollTop = document.documentElement.scrollTop ||        document.body.scrollTop; 
   divTop.style.top = scrollTop  + 'px';
   };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章