1、輸入框觸發輸入法後，完成輸入，頁面不回彈，這在ios手機上很常見，解決辦法是，在輸入法失去焦點是，上讓頁面抖動一下，網上很多的解決辦法，具體就不說了，（時機可以自己把握，只要是完成輸入法，就可以讓頁面抖動一下）；
2、ios上，當用absolute將底部欄定位到底部時，向上拖動頁面，底部欄會跟著網上被拖動，解決辦法是，用固定定位，將底部欄定位到底部
3、ios上，當頁面中有滾動元素時，並且有固定定位的元素，手指從固定定位的元素，滑動到滾動元素上，導致滾動元素失靈，這樣的問題，可以將鼎城元素用固定定位，就可以解決這個問題。
補充：必須要等整個頁面停穩了才能滾動區域，影響到體驗。這應該是ios系統自帶的緩動效果，當使用者拖動頁面元素時給了乙個回彈吸頂的效果，顯得更加柔和，但有時候我們是不需要的。
問題的核心就是要組織滾動固定元素時防止整個頁面脫離頂部，出現白色的背景。使用e.preventdefault()是不管用的，最終發現乙個很簡單的方法，就是給當前頁面的頂層元素設定乙個css樣式：
.fixed
移動h5 開發遇到ios系統的各種問題彙總
所有測試發現的問題在vue專案基礎上 1.移動端選擇時間時軟鍵盤彈出問題 解決方式就是獲取點選時focus事件，然後讓元素失去焦點 理解很簡單，焦點觸發手機的鍵盤 這個不是ios系統的原因啦 ios不背鍋，反正下面的都是它的鍋 2.ios手機滾動是出現卡頓 一般是設定y軸滾動overflow y s...
移動端H5開發遇到的問題及解決方法
本篇文章給大家帶來的內容是關於移動端h5開發遇到的問題及解決方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。前端如果是通過ajax將url傳到後端獲取簽名，那麼我們需要將當前頁面除去 hash部分的鏈結，並且需要encodeuricomponent12 let url locat...
移動端h5開發基礎
移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度，縮放比例為1，禁止使用者縮放。用於檢測視口，主要的效果就是取消下面的滾動條，讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候，頁面也不會失真。三.相容手機螢幕大...