站長資訊網(wǎng)
解決方法如下：
（相關視頻推薦：html視頻教程）
1、ios端的-webkit-overflow-scrolling屬性可控制頁面滾動效果，設置如下實現(xiàn)慣性滾動和彈性效果：
body{ -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; }
登錄后復制
2、由于盒子設置了高度100%引起的：
html,body{ height: 100%; }
登錄后復制
將上述代碼刪除即可。
3、如果這兩種都還是不行的話，還有一種解決辦法，就是使用mui組件里面的的區(qū)域滑動組件
<div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!--這里放置真實顯示的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>
登錄后復制
根據(jù)你的實際情況配置scroll里面的值。
注意： bounce: true這個必須為true ,如果改為false后，整個頁面就無法滑動了
相關推薦：h5
