完美解决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 相关文章推荐
Javascript SHA-1:Secure Hash Algorithm
Dec 20 Javascript
javascript new 需不需要继续使用
Jul 02 Javascript
javascript cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
Jquery截取中文字符串的实现代码
Dec 22 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 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
建立动态的WML站点(一)
2006/10/09 PHP
php GeoIP的使用教程
2011/03/09 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
主流PHP框架的优缺点对比分析
2014/12/25 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
JavaScript中的slice()方法使用详解
2015/06/06 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
Python中dict和set的用法讲解
2019/03/28 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
解决Python中回文数和质数的问题
2019/11/24 Python
python利用platform模块获取系统信息
2020/10/09 Python
如何编写python的daemon程序
2021/01/07 Python
意外伤害赔偿协议书范文
2014/09/23 职场文书
小学生作文评语集锦
2014/12/25 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
2015年女生节活动总结
2015/02/27 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书