簡單說明:當h5端使用vue-infinite-scroll 插件 做滾動加載
如:頁面布局 <header></header> <div class='main'> </div> <footer></footer> 中間區域是計算好高度的話,使用vue-infinite-scroll 插件,這個時候在ios端 滾動加載時候,就會出現滾動不了的情況。
本人當時的解決方案:一、不使用計算 class='main' 這個容器高度來做滾動條,而改用了body或者html的滾動條來做滾動加載,成功解決這個問題。
二、更換插件,如:better-scroll 使用這個插件,就是是用固定高度div的滾動條,做滾動加載,也不會出現ios端滾動不了的問題。
以上只是本人做項目中遇到的問題,作為新手描述,表達可能不到位。各位僅當參考!