刘小弟
刘小弟
  • 发布:2018-06-06 17:46
  • 更新:2018-06-06 17:46
  • 阅读:1577

【报Bug】off canvas (侧滑导航):如左滑导航,在页面中右滑后,按钮无法再触发左滑导航的显示

分类:MUI

详细问题描述
[内容]
如左滑导航,在页面中右滑后,按钮无法再触发左滑导航的显示。只能通过左滑操作,滑出导航部分,按钮触发才会再次有效。
想问的是,这种导航是不是设计的时候只考虑了手势滑入滑出,按钮只是demo的一个展示手段?开发不应该以按钮来展示?
可能问的有些小白。
不知大家有遇到这个问题吗?还请不吝赐教,谢谢!

重现步骤
[步骤]
1、打开HelloMui-左滑导航
2、手指右滑
3、点击按钮,导航无法滑出
[结果]
导航无法滑出
[期望]
导航滑出

运行环境
[系统版本]
[浏览器版本] Chrome
[IDE版本] HBuilder 9.0.2.201803061935
[mui版本] Mui v3.7.2

附件
[代码片段]
开发代码:
//侧滑容器父节点
var offCanvasWrapper = mui('#offCanvasWrapper');
//移动效果是否为整体移动
document.getElementById('bag').addEventListener('tap', function() {
offCanvasWrapper.offCanvas('show');
});

本地调试mui.js,发现
Line: 5602
this.scroller = null
怀疑scroller置空导致。
注释该行代码,现象ok

[安装包]

联系方式
[QQ] 1007899413
[电话] 13776566860

2018-06-06 17:46 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容