完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题


Posted in Javascript onJanuary 25, 2018

mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格局,所以才无法滚动。那么如何解决这个问题呢?

解决方法:

一、在内容容器加上id,然后通过JS控制

<div class="mui-content mui-scroll-wrapper" id="scr1">

JS部分

<script>
mui('#scr1').scroll();
</script>

二、利用创建子页面的方式:

mui.init({
subpages:[{
url:'index.html',   //要引入的页面
id:'index.html' , //要引入页面的标志
style:{
top:'50px',   //页面顶部的位置
bottom:'0px'
}
extrax{}    //额外扩展参数
}]
});

在index.html页面中就可以写内容了,而且会出现滚动条

以上这篇完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js使用递归解析xml
Dec 12 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
jquery制作属于自己的select自定义样式
Nov 23 Javascript
Zabbix添加Node.js监控的方法
Oct 20 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
BootStrap selectpicker后台动态绑定数据
Jun 01 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
js动态生成表格(节点操作)
Jan 12 Javascript
vue3使用vuedraggable实现拖拽功能
Apr 06 Vue.js
vue2.0 better-scroll 实现移动端滑动的示例代码
Jan 25 #Javascript
mui框架 页面无法滚动的解决方法(推荐)
Jan 25 #Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 #Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 #Javascript
基于vue开发的在线付费课程应用过程
Jan 25 #Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 #Javascript
关于express与koa的使用对比详解
Jan 25 #Javascript
You might like
PHP入门速成教程
2007/03/19 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
PHP实现生成带背景的图形验证码功能
2016/10/03 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
用cssText批量修改样式
2009/08/29 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
JS下高效拼装字符串的几种方法比较与测试代码
2010/04/15 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
2019/02/21 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python查找指定具有相同内容文件的方法
2015/06/28 Python
利用Python实现图书超期提醒
2016/08/02 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
浅析Python中字符串的intern机制
2020/10/03 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
波兰办公用品和学校用品在线商店:Dlabiura24.pl
2020/11/18 全球购物
新闻专业个人自我评价
2013/09/21 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
英文自荐信常用句子
2014/03/26 职场文书
研讨会主持词
2014/04/02 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
资料员岗位职责
2015/02/10 职场文书
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技