完美解决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 进度条 实现代码
Jul 30 Javascript
window.parent与window.openner区别介绍
Apr 12 Javascript
CSS3,HTML5和jQuery搜索框集锦
Dec 02 Javascript
Javascript模仿淘宝信用评价实例(附源码)
Nov 26 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
jQuery源码分析之sizzle选择器详解
Feb 13 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
在PHP里得到前天和昨天的日期的代码
2007/08/16 PHP
php通过字符串调用函数示例
2014/03/02 PHP
PHP队列用法实例
2014/11/05 PHP
动态加载iframe
2006/06/16 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
JavaScript模拟push
2016/03/06 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
微信小程序  Mustache语法详细介绍
2016/10/27 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
浅谈Express异步进化史
2017/09/09 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
2019/05/01 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
2019/08/07 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
vant时间控件使用方法详解
2020/12/24 Javascript
python中while循环语句用法简单实例
2015/05/07 Python
Python 性能优化技巧总结
2016/11/01 Python
Python调用C++程序的方法详解
2017/01/24 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
安全教育主题班会教案
2015/08/12 职场文书
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js