xumin
xumin
  • 发布:2018-01-02 16:39
  • 更新:2018-01-05 15:22
  • 阅读:1314

侧滑嵌入百度地图右上角切换地图模式无法使用

分类:MUI

如图 所示 试了下是mui-inner-wrap这个有冲突 去掉就可以点击 ,但是去掉就无法侧滑了

2018-01-02 16:39 负责人:无 分享
已邀请:
xumin

xumin (作者)

在线等解决办法

Neil_HL

Neil_HL

发个测试demo出来看看

  • xumin (作者)

    已上传测试demo

    2018-01-03 08:37

xumin

xumin (作者)

测试demo

xumin

xumin (作者)

在线等 急

Neil_HL

Neil_HL

我用你的demo试了,侧滑前后那三个按钮是可以点击的,只是不好点击(容易点击了,没反应),应该是touch事件(地图的和侧滑的)冲突了,你加上下面一句应该会好一点

复制代码offCanvasInner.addEventListener('drag', function(event) {  
    event.stopPropagation();  
});

建议你换成webview的侧滑窗口,应该就会不会出现这样的问题了

  • xumin (作者)

    这个没用,是禁止了手势侧滑,但是没有解决问题,还是冲突

    2018-01-04 10:00

  • xumin (作者)

    你说的在没有侧滑前可以点击,你打开的模式是手机模式吗,手机模式浏览是直接不能打开的

    2018-01-04 10:02

  • xumin (作者)

    具体可以看下 我问题截图

    2018-01-04 10:02

xumin

xumin (作者)

问题解决了 去掉mui-draggable就行了

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

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

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

## 大标题 
### 小标题

斜体 / 粗体 :

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

代码片段 :

``` 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

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

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