首頁 > web前端 > js教程 > mui框架off-canvas側滑超出部分隱藏無法滾動如何解決

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

小云云
發布: 2018-01-27 09:51:17
原創
1569 人瀏覽過

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中文網其他相關文章!

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