使用:
.mapmask {
position:fixed;
top: 3rem;
left: 0;
bottom: -1;
right: 0;
z-index: 1000;
background-color: rgba(255, 255, 255, 1)
}
期望防止map组件滚动。在微信开发者工具中确实实现了,但在手机中运行时,现象是:滑动屏幕时,有个空白区域不动,但地图还是随着屏幕滑动了。修改了很多次都无法实现。该如何办?难道只能接受?
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(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)
}