<template>
<view class="content">
<movable-area style="width: 500px;height: 500px;background: #333333;">
<movable-view out-of-bounds direction="all" style="width: 500px;height: 500px;background: #007AFF;">
<scroll-view scroll-y style="width: 500px;height: 500px;"></scroll-view>
</movable-view>
</movable-area>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style>
小小的人
- 发布：2021-07-11 22:19
- 更新：2021-07-11 22:19
- 阅读：1392
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.22
手机系统： Android
手机系统版本号： Android 10
手机厂商： 魅族
手机机型： 魅族16th plus
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
- 创建movable-area标签，并设置out-of-bounds属性
- 创建movable-view标签，并设置scroll-y属性
- 创建movable-area标签，并设置out-of-bounds属性
- 创建movable-view标签，并设置scroll-y属性
预期结果：
app端和h5端：当scroll-view设置scroll-y属性后，movable-view的out-of-bounds属性正常
app端和h5端：当scroll-view设置scroll-y属性后，movable-view的out-of-bounds属性正常
实际结果：
app端和h5端：当scroll-view设置scroll-y属性后，movable-view的out-of-bounds属性失效
app端和h5端：当scroll-view设置scroll-y属性后，movable-view的out-of-bounds属性失效
bug描述：
<movable-view>和<scroll-view>冲突
app端和h5端：当scroll-view设置scroll-y属性后，movable-view的out-of-bounds属性失效
0 个回复