完美解決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à)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
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)容了，而且會(huì)出現(xiàn)滾動(dòng)條
以上這篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動(dòng)的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)圖片裁剪上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
js實(shí)現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)ctrl+v粘貼上傳圖片，兼容chrome，firefox，ie11，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
javascript解析ajax返回的xml和json格式數(shù)據(jù)實(shí)例詳解
這篇文章主要介紹了javascript解析ajax返回的xml和json格式數(shù)據(jù),結(jié)合實(shí)例形式詳細(xì)分析了JS ajax調(diào)用及返回值中xml與json格式數(shù)據(jù)的處理技巧,需要的朋友可以參考下2017-01-01
在用iframe的時(shí)候都會(huì)做分頁操作 iframe內(nèi)部的url跳轉(zhuǎn)將不能直接通過iframe的src屬性來獲得，下面與大家分享下iframe的當(dāng)前url的獲取方法2013-11-11
本文主要介紹了Javascript尾遞歸編程的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
淺談js中StringBuffer類的實(shí)現(xiàn)方法及使用
下面小編就為大家?guī)硪黄獪\談js中StringBuffer類的實(shí)現(xiàn)方法及使用。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
小程序根目錄下的 app.json 文件是小程序的全局配置文件,本文給大家分享微信小程序之全局配置window和tabBar案例講解,感興趣的朋友跟隨小編一起看看吧2024-01-01
微信小程序van-field中的left-icon屬性自定義實(shí)現(xiàn)過程
在小程序中，我們是用 Vant 組件庫時(shí)，常常會(huì)用到 van-field 輸入框控件，今天我將跟大家分享的是 van-field 輸入框控件中的 left-icon 屬性的自定義怎么實(shí)現(xiàn)，感興趣的朋友一起看看吧2023-08-08
這篇文章主要介紹了淺談js二維碼掃碼登錄是什么原理，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
這篇文章主要介紹了Javascript毫秒數(shù)用法,實(shí)例分析了javascript獲取毫秒數(shù)及設(shè)置指定時(shí)間毫秒數(shù)的方法,需要的朋友可以參考下2015-02-02