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

亚连
Lepaskan: 2018-06-09 15:46:33
asal
1504 orang telah melayarinya

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

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

解决方法:

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

<p class="mui-content mui-scroll-wrapper" id="scr1">
Salin selepas log masuk

JS部分

<script>
mui(&#39;#scr1&#39;).scroll();
</script>
Salin selepas log masuk

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

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

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

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

相关文章:

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

使用axios封装fetch方法和调用

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

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

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

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

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

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

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

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

Atas ialah kandungan terperinci mui框架中off-canvas侧滑超出部分问题. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan