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

JavaScript 2019-01-08

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

rush:xhtml;">

标题

ui-scroll-wrapper">

ui-scroll"> ...

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

分别为：offCanvasSideScroll、offCanvasContentScroll

rush:xhtml;"> mui('#offCanvasSideScroll').scroll(); mui('#offCanvasContentScroll').scroll();

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

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

完整代码：

rush:xhtml;"> <Meta charset="utf-8"> dist/css/mui.min.css" rel="external nofollow" rel="stylesheet"/>

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

前言做过web项目开发的人对layer弹层组件肯定不陌生，作为l...

前言前端表单校验是过滤无效数据、假数据、有毒数据的第一步...

前言图片上传是web项目常见的需求，我基于之前的博客的代码...

前言导出Excel文件这个功能，通常都是在后端实现返回前端一...

前言众所周知，js是单线程的，从上往下，从左往右依次执行，...

前言项目开发中，我们可能会碰到这样的需求：select标签，禁...