movable-area设置height:100vh或者如下css:
.icon-area { /* width: 100vw; height: 100vh; */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; pointer-events: none;} |
自定义组件audio-background.wxml如下:
<movable-area class="icon-area"> <movable-view class="icon-view" direction="all" inertia> <image class="icon" src="{{ playing ? '/static/images/audio-pause.png' : '/static/images/audio-play.png' }}"> |
引用自定义组件的页面audio.wxml如下:
<view class="layout"> <view class="layout-header"> |
导致movable-view可以移动到tabbar下面。
但是设置scroll-view的高度为100vh时,是会去掉tabbar的高度的。
另外,开发者工具是会忽略tabbar的,只是真机上(nexus5x,小米5s)不会。
希望movable-area也能忽略tabbar的高度。
补充开发者工具图片和真机截图:
另外,真机上还无法拖动到最右边,但是能拖到最左边。
好吧,只是预览扫码调试打开小程序会有上面的问题,但是从其他地方打开小程序(比如退出再打开),就没这些问题了(望天。

你能解决我提出的问题么
补充:预览扫码打开其他tab页面(比如“推荐”/“视频”/“我的”),然后再切换到“广播”页面,也不会出现此问题。所以就是仅在预览扫码打开当前页面时有这个问题。