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