Flask接口签名sign原理与实例代码浅析
392
2023-02-25
MUI 实现侧滑菜单及其主体部分上下滑动的方法
在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑,而MUI侧滑菜单默认是没有上下滑动功能的,需要激活。
1、首先在 class="mui-scroll-wrapper" 的元素上添加ID:
...
</div>
...
从上面例子可以看出,侧滑菜单和主体部分都添加了ID。
分别为:offCanvasSideScroll、offCanvashttp://ContentScroll
2、其次在js里面激活:
mui('#offCanvasSideScroll').scroll();
mui('#offCanvasContentScroll').scroll();
大功告成,现在超过高度即可进行下滑了。注意是超过高度!就像浏览器一样,如果“ 主界面具体展示内容”没有超出范围,是没有下滑功能的。
MUI:MUI 侧滑菜单。
完整代码:
body{
background-color: #000000;
}
.mui-off-canvas-wrap{
max-width: 720px;
margin: 0 auto;
}
$("#left-menu").on('tap', function (event) {
mui('.mui-off-canvas-wrap').offCanvas('show');
});
window.onload = function(){
mui('#offCanvasSideScroll').scroll();
mui('#offCanvasContentScroll').scroll();
}
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~