首页 > web前端 > js教程 > mui框架中off-canvas侧滑超出部分问题

mui框架中off-canvas侧滑超出部分问题

亚连
发布: 2018-06-09 15:46:33
原创
1536 人浏览过

下面我就为大家分享一篇完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题,具有很好的参考价值,希望对大家有所帮助。

mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格局,所以才无法滚动。那么如何解决这个问题呢?

解决方法:

一、在内容容器加上id,然后通过JS控制

<p class="mui-content mui-scroll-wrapper" id="scr1">
登录后复制

JS部分

<script>
mui(&#39;#scr1&#39;).scroll();
</script>
登录后复制

二、利用创建子页面的方式:

mui.init({
subpages:[{
url:&#39;index.html&#39;,   //要引入的页面
id:&#39;index.html&#39; , //要引入页面的标志
style:{
top:&#39;50px&#39;,   //页面顶部的位置
bottom:&#39;0px&#39;
}
extrax{}    //额外扩展参数
}]
});
登录后复制

在index.html页面中就可以写内容了,而且会出现滚动条

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JavaScript中Object基础内部方法图(图文教程)

使用axios封装fetch方法和调用

在JS中Map和ForEach的区别有哪些?

在vue中如何实现页面加载进度条组件

javascript该如何实现获取日期段内每天不同的价格

在vue中如何实现图片loading组件

为什么Node.js会成为Web应用开发?

在JS中如何实现两个变量值的交换方法

在Vue中如何实现事件响应式进度条组件

在jQuery中有关Dom元素使用方法?

以上是mui框架中off-canvas侧滑超出部分问题的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板