完美解決mui框架off-canvas側(cè)滑超出部分隱藏無法滾動的問題
更新時間：2018年01月25日 09:22:53 作者：one_327
下面小編就為大家分享一篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏無法滾動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
mui框架中off-canvas側(cè)滑的一個缺點就是無法出現(xiàn)滾動條，因為它主要用途是設(shè)置類似于qq界面的那種格局，所以才無法滾動。那么如何解決這個問題呢？
解決方法：
一、在內(nèi)容容器加上id，然后通過JS控制
<div 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' , //要引入頁面的標志
style:{
top:'50px', //頁面頂部的位置
bottom:'0px'
}
extrax{} //額外擴展參數(shù)
}]
});
在index.html頁面中就可以寫內(nèi)容了，而且會出現(xiàn)滾動條
以上這篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏無法滾動的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了基于Bootstrap的網(wǎng)頁設(shè)計實例,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
p5.js 是一個JavaScript的函數(shù)庫，它在制作之初就和Processing有同樣的目標。本文將利用p5.js 制作出一束動態(tài)花束，感興趣的可以嘗試一下2022-06-06
通過為<tr>元素添加屬性或類型選擇器，再通過CSS設(shè)置可以實現(xiàn)雙色表格，但如果表格很長，逐個元素添加可真麻煩。而且這樣的代碼維護起來不容易。所以比較好的方式是用JS實現(xiàn)。2009-11-11
JavaScript運動框架 解決防抖動問題、懸浮對聯(lián)(二)
這篇文章主要為大家詳細介紹了JavaScript運動框架的第二部分，解決防抖動問題、懸浮對聯(lián)問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了JS delegate與live，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了微信小程序保存多張圖片的實現(xiàn)方法，使用promise 隊列，保存多張圖片到手機相冊，小編覺得具有一定的參考價值，有興趣的可以了解一下2019-03-03
在JavaScript中，和JAVA類似，也提供了對于基本數(shù)據(jù)類型的包裝類型。例如Number、Boolean、String類型。下面我們就來詳細探討下吧。2015-06-06
iView 主要服務(wù)于 PC 界面的中后臺業(yè)務(wù)，是一套高質(zhì)量的開源 UI 組件庫。這篇文章主要介紹了iView 上傳組件之手動上傳功能,需要的朋友可以參考下2018-03-03
本文給大家分享的是一段兼容各大瀏覽器的JavaScript阻止事件冒泡代碼，雖然因為時間問題沒有深入研究，但是還是相當不錯的，這里推薦給大家2015-07-07
這篇文章主要為大家分享了我們有必要知道的25個JavaScript面試題。想要順利通過面試的朋友可以參考一下2015-12-12