完美解决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 BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
当达到输入长度时表单自动切换焦点
Apr 06 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
原生js实现吸顶效果
Mar 13 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
Aug 31 Javascript
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 代码优化的42条建议 推荐
2009/09/25 PHP
php中filter_input函数用法分析
2014/11/15 PHP
Yii2框架中日志的使用方法分析
2017/05/22 PHP
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
Vue开发Html5微信公众号的步骤
2019/04/11 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
详解python开发环境搭建
2016/12/16 Python
Python获取文件所在目录和文件名的方法
2017/01/12 Python
python 动态加载的实现方法
2017/12/22 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
美国校园市场:OCM
2017/06/08 全球购物
美国领先的奢侈手表在线零售商:WatchMaxx
2017/12/17 全球购物
英国日常交易网站:Wowcher
2018/09/04 全球购物
PyQt 如何创建自定义QWidget
2021/03/24 Python
公司清洁工岗位职责
2013/12/14 职场文书
学习十八大精神心得体会
2013/12/31 职场文书
大学生收银员求职信分享
2014/01/02 职场文书
八一慰问活动方案
2014/02/07 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
2016年国陪研修感言
2015/11/18 职场文书
卖车协议书范文
2016/03/23 职场文书
2016年第29个世界无烟日宣传活动总结
2016/04/06 职场文书