如何防止map组件随屏幕滚动?
发布于 5 年前 作者 cqian 5717 次浏览 来自 问答

 使用:

.mapmask {

  position:fixed;

  top: 3rem;

  left: 0;

  bottom: -1;

  right: 0;

  z-index: 1000;

  background-color: rgba(255, 255, 255, 1)

}

期望防止map组件滚动。在微信开发者工具中确实实现了,但在手机中运行时,现象是:滑动屏幕时,有个空白区域不动,但地图还是随着屏幕滑动了。修改了很多次都无法实现。该如何办?难道只能接受?

3 回复

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

你们这个问题解决了么?

荣耀9:STF-AL10 8.0.0(Android8.0)

微信:6.6.7

这个是期望利用不滚动的弹窗来实现。开发工具中确实实现了,但手机中Map会随屏幕滚动,并留下一个空白区域不滚动。

wxml:

<view class=‘mapmask’ catchtouchstart=‘test’>

  <view class=“page-section page-section-gap” wx:if="{{dispMap}}">

    <map

      id=“myMap”

      style=“width: 100%; height: 300px;”

      latitude="{{latitude}}"

      longitude="{{longitude}}"

      markers="{{markers}}"

      show-location

    ></map>

  </view>

</view>

wcss:

.mapmask {

  position:fixed;

  top:3rem;

  left:0;

  bottom:-1;

  right:0;

  z-index:1000;

  background-color:rgba(255, 255, 255, 1)

}

回到顶部