完美解决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代码
May 27 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
Oct 04 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
Nov 28 Javascript
JS使用正则实现去掉字符串左右空格的方法
Dec 27 Javascript
ie下js不执行的几种可能
Feb 28 Javascript
详解AngularJS 路由 resolve用法
Apr 24 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
React如何避免重渲染
Apr 10 Javascript
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
jQuery实现简单聊天室
Feb 08 jQuery
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
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
PHP 事件机制(2)
2011/03/23 PHP
PHP 查找字符串常用函数介绍
2012/06/07 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
JS中递归函数
2016/06/17 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
2017/03/11 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
2017/06/13 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
python处理图片之PIL模块简单使用方法
2015/05/11 Python
Python fileinput模块使用实例
2015/06/03 Python
Python Socket编程详细介绍
2017/03/23 Python
python实现用户管理系统
2018/01/10 Python
儿童python练习实例
2018/05/27 Python
Python学习笔记之错误和异常及访问错误消息详解
2019/08/08 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
工程造价专业大学生自荐信
2013/10/01 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
服务员态度差检讨书
2014/10/28 职场文书
公司酒会致辞
2015/07/30 职场文书
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python