完美解決mui框架off-canvas側滑超出部分隱藏無法滾動的問題
更新時間：2018年01月25日 09:22:53 作者：one_327
下面小編就為大家分享一篇完美解決mui框架off-canvas側滑超出部分隱藏無法滾動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
mui框架中off-canvas側滑的一個缺點就是無法出現滾動條，因為它主要用途是設置類似于qq界面的那種格局，所以才無法滾動。那么如何解決這個問題呢？
解決方法：
一、在內容容器加上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{} //額外擴展參數
}]
});
在index.html頁面中就可以寫內容了，而且會出現滾動條
以上這篇完美解決mui框架off-canvas側滑超出部分隱藏無法滾動的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
這篇文章主要為大家詳細介紹了小程序實現圖片裁剪上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
js實現ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)
這篇文章主要為大家詳細介紹了js實現ctrl+v粘貼上傳圖片，兼容chrome，firefox，ie11，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
javascript解析ajax返回的xml和json格式數據實例詳解
這篇文章主要介紹了javascript解析ajax返回的xml和json格式數據,結合實例形式詳細分析了JS ajax調用及返回值中xml與json格式數據的處理技巧,需要的朋友可以參考下2017-01-01
在用iframe的時候都會做分頁操作 iframe內部的url跳轉將不能直接通過iframe的src屬性來獲得，下面與大家分享下iframe的當前url的獲取方法2013-11-11
本文主要介紹了Javascript尾遞歸編程的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
下面小編就為大家?guī)硪黄獪\談js中StringBuffer類的實現方法及使用。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
小程序根目錄下的 app.json 文件是小程序的全局配置文件,本文給大家分享微信小程序之全局配置window和tabBar案例講解,感興趣的朋友跟隨小編一起看看吧2024-01-01
微信小程序van-field中的left-icon屬性自定義實現過程
在小程序中，我們是用 Vant 組件庫時，常常會用到 van-field 輸入框控件，今天我將跟大家分享的是 van-field 輸入框控件中的 left-icon 屬性的自定義怎么實現，感興趣的朋友一起看看吧2023-08-08
這篇文章主要介紹了淺談js二維碼掃碼登錄是什么原理，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
這篇文章主要介紹了Javascript毫秒數用法,實例分析了javascript獲取毫秒數及設置指定時間毫秒數的方法,需要的朋友可以參考下2015-02-02