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

下面小编就为大家分享一篇MUI 实现侧滑菜单及其主体部分上下滑动的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

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

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

      ... 
  标题
   ...

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

分别为：offCanvasSideScroll、offCanvasContentScroll

2、其次在JS里面激活：

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

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

完整代码：

         
  标题

以上就是MUI 实现侧滑菜单及其主体部分上下滑动的方法的详细内容，更多请关注0133技术站其它相关文章！