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

JavaScript 前端之家
前端之家收集整理的这篇文章主要介绍了MUI 实现侧滑菜单及其主体部分上下滑动的方法，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

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

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

标题

...

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

分别为：offCanvasSideScroll、offCanvasContentScroll

2、其次在JS里面激活：

大功告成，现在超过高度即可进行下滑了。

注意是超过高度！

就像浏览器一样，如果“ 主界面具体展示内容”没有超出范围，是没有下滑功能的。

MUI：MUI 侧滑菜单。

完整代码：

<Meta charset="utf-8">