小码侬
小码侬
  • 发布:2023-05-10 19:05
  • 更新:2023-05-11 18:00
  • 阅读:817

【报Bug】uniapp 小程序滑动穿透问题,使用@touchmove.stop.prevent=""无效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.4

第三方开发者工具版本号: 1.06.2301160

基础库版本号: 2.25.3

项目创建方式: HBuilderX

示例代码:
<view>  
<u-popup  border-radius="10" v-model="drawerShow1" @close="drawerClose(1)" @open="drawerOpen(1)"  
                mode="center" length="90%" :round="10" :mask="mask" :closeable="true" safeAreaInsetTop="false">  
                <view class="popupBg1" @touchmove.navtive.stop="">  
                    <text class="popupTitle">{{i18n.boom.colorSelect}}</text>  
                    <view class="container" @touchmove.stop.prevent="">  
                        <view class="container2" @touchmove.stop.prevent="">  
                            <canvas class="ring" canvas-id="canvasRing" id="canvasRing" @touchmove.stop.prevent=""/>  
                            <canvas class="marker" canvas-id="canvasMarker" id="canvasMarker" @touchstart="touchRing"  
                                 @touchend="endRing" @touchcancel="cancelRing"  
                                @error="canvasIdErrorCallback" />  
                        </view>  
                    </view>  

                </view>  

</u-popup>  
</view>  

操作步骤:

上下滑动canvas时候外部的view跟着滑动

预期结果:

滑动canvas时候只在canvas内容滑动,不影响外部的view

实际结果:

上下滑动canvas时候外部的view跟着滑动

bug描述:

uniapp 滑动穿透问题,ios小程序在端使用@touchmove.stop.prevent=""无效, 滑动时底部view跟着滚动;安卓端小程序正常有效

2023-05-10 19:05 负责人:无 分享
已邀请:
YUANRJ

YUANRJ

在原生微信小程序中测试下是否有此问题。

要回复问题请先登录注册