最近遇到一個很 巨惡心的問題 ios10下面 頁面彈窗有滾動穿透問題
各種google 終於找到了答案,但是體驗還不是很好,基本能忍受
廢話不多說,上方法
最后終於想到一個處理方案,就是第一種方案的升級版,需要配合JS,大致思路是彈窗顯示時JS讀取這時頁面的scrollTop,然后將主體內容position:fixed,top設為scrollTop的負值,這樣可以從根本上固定下層內容,然后隱藏彈窗時再將主體內容position:static;scrollTop設回來。完美解決問題。經測試這種方案在移動端設備都試用,包括瀏覽器和hybrid模式APP。
原文鏈接地址:https://www.arayzou.com/2015/08/24/%E7%A7%BB%E5%8A%A8%E7%AB%AFH5%E6%BB%9A%E5%8A%A8%E7%A9%BF%E9%80%8F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/