解决微信小程序map地图组件设置enable-scroll为false,导致页面无法滚动


问题描述

当在微信小程序中,设置map地图组件的属性 enable-scrollfalse 的时候,会导致该区域无法滚动。

在IOS中是正常的,在 安卓 中会出现该问题。

相关问题链接https://developers.weixin.qq.com/community/develop/doc/000e8c97b60478efc3b8fbf9a5b000?_at=1603975585835

解决方案

<!-- index.wxml -->

<view class="map-wrap map">
    <map enable-scroll="{{false}}"class="map"></map>
    <!-- 用一个元素遮住地图 -->
    <view class="shade-map"></view>
</view>
/* index.css */
.map-wrap {
  position: relative;
}
.shade-map {
  position: absolute; top: 0; left: 0; z-index: 9;
  width: 100%; height: 100%;
}
.map {
  width: 100%; height: 351rpx;
  margin-bottom: 20rpx;
}
评论
还没有评论
    发表评论 说点什么