站長資訊網(wǎng)
解決方法如下：
（相關(guān)視頻推薦：html視頻教程）
1、ios端的-webkit-overflow-scrolling屬性可控制頁面滾動效果，設(shè)置如下實(shí)現(xiàn)慣性滾動和彈性效果：
body{ -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; }
登錄后復(fù)制
2、由于盒子設(shè)置了高度100%引起的：
html,body{ height: 100%; }
登錄后復(fù)制
將上述代碼刪除即可。
3、如果這兩種都還是不行的話，還有一種解決辦法，就是使用mui組件里面的的區(qū)域滑動組件
<div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!--這里放置真實(shí)顯示的DOM內(nèi)容--> </div> </div> <script> mui('.mui-scroll-wrapper').scroll({ scrollY: true, //是否豎向滾動 scrollX: false, //是否橫向滾動 startX: 0, //初始化時滾動至x startY: 0, //初始化時滾動至y indicators: true, //是否顯示滾動條 deceleration:0.0006, //阻尼系數(shù),系數(shù)越小滑動越靈敏 bounce: true //是否啟用回彈 }); </script>
登錄后復(fù)制
根據(jù)你的實(shí)際情況配置scroll里面的值。
注意： bounce: true這個必須為true ,如果改為false后，整個頁面就無法滑動了
相關(guān)推薦：h5
