mui框架off-canvas側滑超出部分隱藏無法滾動如何解決

mui框架中off-canvas側滑的一個缺點就是無法出現捲軸，因為它主要用途是設定類似qq介面的那種格局，所以才無法滾動。那麼如何解決這個問題呢？本文主要為大家分享一篇完美解決mui框架off-canvas側滑超出部分隱藏無法滾動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟著小編過來看看吧，希望能幫助大家。

解決方法：

一、在內容容器加上id，然後透過JS控制

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

JS部分

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

二、利用建立子頁面的方式：

mui.init({
subpages:[{
url:'index.html',   //要引入的页面
id:'index.html' , //要引入页面的标志
style:{
top:'50px',   //页面顶部的位置
bottom:'0px'
}
extrax{}    //额外扩展参数
}]
});

在index.html頁面中就可以寫內容了，而且會出現捲軸。

相關推薦：

MUI實作側滑選單效果

#如何實作側滑功能

jQuery+CSS實作一個側滑導航選單程式碼_jquery

以上是mui框架off-canvas側滑超出部分隱藏無法滾動如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！