mui框架中off-canvas側滑超出部分問題

下面我就為大家分享一篇完美解決mui框架off-canvas側滑超出部分隱藏無法滾動的問題，具有很好的參考價值，希望對大家有所幫助。

mui框架中off-canvas側滑的一個缺點就是無法出現捲軸，因為它主要用途是設定類似qq介面的那種格局，所以才無法滾動。那麼如何解決這個問題呢？

解決方法：

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

#

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

JS部分

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

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

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

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

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

JavaScript中Object基礎內部方法圖（圖文教學）

使用axios封裝fetch方法和呼叫

在JS中Map和ForEach的差別有哪些？

在vue中如何實作頁面載入進度條元件

#javascript該如何實現取得日期段內每天不同的價格

在vue中如何實作圖片loading元件

為什麼Node.js會成為網頁應用程式開發？

在JS中如何實作兩個變數值的交換方法

#在Vue中如何實作事件回應式進度條元件

在jQuery中有關Dom元素使用方法？

以上是mui框架中off-canvas側滑超出部分問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！