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

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侧滑超出部分隐藏无法滚动问题相关推荐

关于MUI框架中，“侧滑导航“之“div模式下拉菜单“的a标签（超链接）的失效问题？
关于MUI框架中,"侧滑导航"之"div模式下拉菜单"的a标签(超链接)的失效问题? 截图和讲解图片的顺序如下所示: 图1 图2 · 官方的截图图3 · 官方 ...
mui 框架：a标签无法跳转 - 解决篇
解决问题 · 罗列与参考: mui框架导致a标签失效无法点击? mui框架之a标签无法跳转的问题? 关于mui中ul列表需要点击多次生效的问题? mui框架:如何自定义实现a标签点击事件的办法? bu ...
mui框架页面无法滚动解决方法
mui框架页面无法滚动解决方法参考文章: (1)mui框架页面无法滚动解决方法 (2)https://www.cnblogs.com/xzzzys/p/7804096.html (3)https ...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP
前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的 ...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...
mui ajax 懒加载,MUI框架运用中遇见问题总结
H5在移动端的开发趋势化越来越大,相对App来说,H5优势有: 跨平台,兼容性强开发速度快,成本较低迭代周期短技术成本低但当我们在开始移动端的项目开发时,又愁着有什么样的好的UI框架能让我们减 ...
Mui框架的遇到的问题记录
前言:聚集mui框架遇到的问题,遇到坑就记录更新 1.mui报错:$(-).append is not a function 异常信息: Uncaught TypeError: $(...).appe ...
MUI框架TAB切换
MUI框架本身自带示例,此次的解决方法是针对于项目中遇见问题的新手小白,怎么样更快的去实施项目,废话不多说,直接上代码(滴滴打车界面) <!DOCTYPE html> <html&g ...
mui 框架手机端不生效问题
picker 弹框不生效最近做个一个手机浏览器版mui项目,发现在一些手机上mui上弹框事件,及点击事件的监听不好使. 首先对比代码,下图为官方代码,相应css,js需引用,这里就不一一举例了. ( ...

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

解决mui框架off-canvas侧滑超出部分隐藏无法滚动问题相关推荐

最新文章

热门文章