最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小OO 时间:2020-11-27 20:04:43
文档

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

解决方法。一、在内容容器加上id,然后通过JS控制。<;p class=";mui-content mui-scroll-wrapper";id=";scr1";>;。JS部分;<;script>;mui(';#scr1';).scroll();<;/script>;。二、利用创建子页面的方式。
推荐度:
导读解决方法。一、在内容容器加上id,然后通过JS控制。<;p class=";mui-content mui-scroll-wrapper";id=";scr1";>;。JS部分;<;script>;mui(';#scr1';).scroll();<;/script>;。二、利用创建子页面的方式。

mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格局,所以才无法滚动。那么如何解决这个问题呢?本文主要为大家分享一篇完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

解决方法:

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

<p 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侧滑超出部分隐藏无法滚动如何解决

解决方法。一、在内容容器加上id,然后通过JS控制。<;p class=";mui-content mui-scroll-wrapper";id=";scr1";>;。JS部分;<;script>;mui(';#scr1';).scroll();<;/script>;。二、利用创建子页面的方式。
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top