mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動如何解決
來源:懂視網(wǎng)
責(zé)編:小OO
時間:2020-11-27 20:04:43
mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動如何解決
解決方法。一、在內(nèi)容容器加上id,然后通過JS控制。<;p class=";mui-content mui-scroll-wrapper";id=";scr1";>;。JS部分;<;script>;mui(';#scr1';).scroll();<;/script>;。二、利用創(chuàng)建子頁面的方式。
導(dǎo)讀解決方法。一、在內(nèi)容容器加上id,然后通過JS控制。<;p class=";mui-content mui-scroll-wrapper";id=";scr1";>;。JS部分;<;script>;mui(';#scr1';).scroll();<;/script>;。二、利用創(chuàng)建子頁面的方式。

mui框架中off-canvas側(cè)滑的一個缺點就是無法出現(xiàn)滾動條,因為它主要用途是設(shè)置類似于qq界面的那種格局,所以才無法滾動。那么如何解決這個問題呢?本文主要為大家分享一篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧,希望能幫助到大家。
解決方法:
一、在內(nèi)容容器加上id,然后通過JS控制
<p class="mui-content mui-scroll-wrapper" id="scr1">
JS部分
<script>
mui('#scr1').scroll();
</script>
二、利用創(chuàng)建子頁面的方式:
mui.init({
subpages:[{
url:'index.html', //要引入的頁面
id:'index.html' , //要引入頁面的標(biāo)志
style:{
top:'50px', //頁面頂部的位置
bottom:'0px'
}
extrax{} //額外擴(kuò)展參數(shù)
}]
});
在index.html頁面中就可以寫內(nèi)容了,而且會出現(xiàn)滾動條。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動如何解決
解決方法。一、在內(nèi)容容器加上id,然后通過JS控制。<;p class=";mui-content mui-scroll-wrapper";id=";scr1";>;。JS部分;<;script>;mui(';#scr1';).scroll();<;/script>;。二、利用創(chuàng)建子頁面的方式。