首頁 > web前端 > js教程 > mui框架中off-canvas側滑超出部分問題

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

亚连
發布: 2018-06-09 15:46:33
原創
1536 人瀏覽過

下面我就為大家分享一篇完美解決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:&#39;index.html&#39;,   //要引入的页面
id:&#39;index.html&#39; , //要引入页面的标志
style:{
top:&#39;50px&#39;,   //页面顶部的位置
bottom:&#39;0px&#39;
}
extrax{}    //额外扩展参数
}]
});
登入後複製

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

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

相關文章:

JavaScript中Object基礎內部方法圖(圖文教學)

使用axios封裝fetch方法和呼叫

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

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

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

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

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

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

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板