mui框架中off-canvas側(cè)滑的一個(gè)缺點(diǎn)就是無(wú)法出現(xiàn)滾動(dòng)條，因?yàn)樗饕猛臼窃O(shè)置類(lèi)似于qq界面的那種格局，所以才無(wú)法滾動(dòng)。那么如何解決這個(gè)問(wèn)題呢？

解決方法：

一、在內(nèi)容容器加上id，然后通過(guò)JS控制

<div class="mui-content mui-scroll-wrapper" id="scr1">

JS部分

<script>mui('#scr1').scroll();</script>

二、利用創(chuàng)建子頁(yè)面的方式：

mui.init({subpages:[{url:'index.html',   //要引入的頁(yè)面id:'index.html' , //要引入頁(yè)面的標(biāo)志style:{top:'50px',   //頁(yè)面頂部的位置bottom:'0px'}extrax{}    //額外擴(kuò)展參數(shù)}]});

在index.html頁(yè)面中就可以寫(xiě)內(nèi)容了，而且會(huì)出現(xiàn)滾動(dòng)條

以上這篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動(dòng)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持VeVb武林網(wǎng)。