MUI实现侧滑菜单及其主体部分上下滑动的方法

在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑,而MUI侧滑菜单默认是没有上下滑动功能的,需要激活。

蔚县网站建设公司创新互联,蔚县网站设计制作,有大型网站制作公司丰富经验。已为蔚县数千家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的蔚县做网站的公司定做!

1、首先在 class="mui-scroll-wrapper" 的元素上添加ID:


标题

...

从上面例子可以看出,侧滑菜单和主体部分都添加了ID。

分别为:offCanvasSideScroll、offCanvasContentScroll

2、其次在JS里面激活:

mui('#offCanvasSideScroll').scroll(); 
mui('#offCanvasContentScroll').scroll(); 

大功告成,现在超过高度即可进行下滑了。注意是超过高度!就像浏览器一样,如果“ 主界面具体展示内容”没有超出范围,是没有下滑功能的。

MUI:MUI 侧滑菜单。

完整代码:




  
  
  
  
  
  
  


	 
	

标题

以上这篇MUI 实现侧滑菜单及其主体部分上下滑动的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


网页名称:MUI实现侧滑菜单及其主体部分上下滑动的方法
当前地址:http://bzwzjz.com/article/gisgse.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 网站制作报价 成都网站建设 成都网站制作 企业网站设计 成都网站建设 成都网站制作 自适应网站建设 外贸网站设计方案 网站设计 梓潼网站设计 高端定制网站设计 成都网站设计 成都网站设计 成都网站建设 手机网站建设套餐 重庆电商网站建设 营销网站建设 成都网站制作 专业网站建设 网站制作 网站建设