移动端 用了jquery 的拖拽

Question

<div class="map js-map"></div>
<div class="app_groups close" id="elem"></div>
在地图上做个app菜单，拖拽收缩展开。
谷歌模拟没问题。
手机测试时,拖拽app菜单时，地图跟着滑动，上下带有留白。
设置z-index也没效果。

Answer 1

要阻止默认事件吧

Answer 2

1. 在移动端（手机浏览器中） 你要确认是不是整个网页下拉了 能看到 xx提供浏览器信息
   如果这样的话 拖拽开始禁止滚动 拖拽结束移除

   // ios中阻止页面下滑 导致签名问题
    document.body.addEventListener('touchmove', (e) => {
      e.preventDefault()
    }, { passive: false })