scroll-view组件出现内容漂移问题

分类：uni-app

bug反馈不是bug

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.15.7 (19H15)

HBuilderX类型：正式

HBuilderX版本号： 2.9.8

手机系统： iOS

手机系统版本号： iOS 12.4

手机厂商：苹果

手机机型： ipad

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

App下载地址或H5⽹址： https://stylist2017-1252470632.cos.ap-shanghai.myqcloud.com/resources/miniPrograms/assets/bug/bug.mov

示例代码：

复现代码，这个链接可以看到漂移的问题
https://stylist2017-1252470632.cos.ap-shanghai.myqcloud.com/resources/miniPrograms/assets/bug/bug.mov

<template>  
    <view>  
        <scroll-view scroll-x="true" scroll-y="true">  
            <view class="box">  
                <text v-for="item in 1000" :key="item">这是内容</text>  
            </view>  
        </scroll-view>  
    </view>  
</template>  

<script>  
</script>  

<style lang="scss">  
    scroll-view{  
        width: 500px;  
        height: 500px;  
        border: 1px solid red;  
    }  
    .box{  
        background-color: #F5F5F5;  
        width: 2000px;  
        height: 2000px;  
    }  
</style>

操作步骤：

复现代码如上

预期结果：

正常手机滑动的时候应该是只会横向滚动或者纵向滚动不要出现可以任意方向滚动

实际结果：

代码复现的结果是可以随意哪个方向滑动内容

bug描述：

1.h5和app都会出现这个问题,
2.scroll-view组件横向和纵向都设置允许滚动后，scroll-view字组件的内容区域就可以任意方向滑动内容(并不是横向或者纵向滚动)

2020-12-23 19:45 负责人:无分享

1 个回复

DCloud_uniCloud_JSON

亲，您误会了！就是这样设计的。
这不是bug，效果是与微信小程序一致的。
如果要实现你自己描述的效果需要自己判断滚动方向，然后动态设置滚动方向哦。

4***@qq.com (作者)

额。。。为啥会这样，不太正常呀，这个逻辑

2020-12-24 16:24
DCloud_uniCloud_JSON

回复 4***@qq.com: 你需要的效果只是你的“主观狭义”，底层来说是得都开放，来满足开发者的各种需求！

2020-12-24 16:26
4***@qq.com (作者)

回复 DCloud_uniCloud_JSON: 好的，要是官方也能支持这种就更好了，谢谢您的回答

2020-12-24 16:32

该问题目前已经被锁定, 无法添加新回复

scroll-view组件出现内容漂移问题

操作步骤：

复现代码如上

预期结果：

正常手机滑动的时候应该是只会横向滚动或者纵向滚动不要出现可以任意方向滚动

实际结果：

代码复现的结果是可以随意哪个方向滑动内容

bug描述：

1 个回复

公告

相关问题

scroll-view组件出现内容漂移问题

操作步骤： 复现代码如上

预期结果： 正常手机滑动的时候 应该是只会横向滚动 或者 纵向滚动 不要出现可以任意方向滚动

实际结果： 代码复现的结果是可以随意哪个方向滑动内容

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

复现代码如上

预期结果：

正常手机滑动的时候应该是只会横向滚动或者纵向滚动不要出现可以任意方向滚动

实际结果：

代码复现的结果是可以随意哪个方向滑动内容