ITMister
ITMister
  • 发布:2020-12-10 15:14
  • 更新:2020-12-10 15:18
  • 阅读:1018

【报Bug】scroll-view 组件,IOS端横向滚动,无法滚动。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

手机系统: iOS

手机系统版本号: iOS 12.4

手机厂商: 苹果

手机机型: iphone 6 p

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

问题一,
如果不给 scroll-view 组件的直接子元素设置一个与滚动宽度一样的高度,就无法滚动
问题二
如下图,给需要滚动的元素设置一个 scroll-left 后,最左边和最右边的元素,都会滚动到指定位置
我的理解,和我想要的一样,最左边,或者最右边,应该是不会被滚动到指定位置的
拿最左边为例,它应该为“0”因为它已经没有左边了

预期结果:

问题一,
如果不给 scroll-view 组件的直接子元素设置一个与滚动宽度一样的高度,也应该可以滚动
问题二
给需要滚动的元素设置一个 scroll-left 后,最左边和最右边的元素,不应该被滚动
我的理解,和我想要的一样,最左边,或者最右边,应该是不会被滚动到指定位置的
拿最左边为例,它应该为“0”因为它已经没有左边了

实际结果:

问题一,
如果不给 scroll-view 组件的直接子元素设置一个与滚动宽度一样的高度,就无法滚动
问题二
如下图,给需要滚动的元素设置一个 scroll-left 后,最左边和最左边,都会滚动到指定位置
我的理解,和我想要的一样,最左边,或者最右边,应该是不会被滚动到指定位置的
拿最左边为例,它应该为“0”因为它已经没有左边了

bug描述:

问题一,
如果不给 scroll-view 组件的直接子元素设置一个与滚动宽度一样的高度,就无法滚动

<scroll-view scroll-x="true" :scroll-left="scrollLeft" :show-scrollbar="false" :scroll-with-animation="true" style="width:750rpx">  
            <!-- 如果不给 scroll-view 组件的直接子元素设置一个与滚动宽度一样的高度,就无法滚动 -->  
            <div style="height: 750rpx;"></div>  

        </scroll-view>

问题二
如下图,给需要滚动的元素设置一个 scroll-left 后,最左边和最左边,都会滚动到指定位置
我的理解,和我想要的一样,最左边,或者最右边,应该是不会被滚动到指定位置的
拿最左边为例,它应该为“0”因为它已经没有左边了

2020-12-10 15:14 负责人:无 分享
已邀请:
ITMister

ITMister (作者) - 新来的程序员

忘了说了,在我提交的DEMO里面,有一句注释的代码,把注释的放开,把下句注释,就可以实现报告中所说的,滚动。

<!-- 注意 .tabs-container 设置了一个 "高" 和 "宽" 一样,是因为IOS端的BUG问题,实际"高就应是88rpx"-->  
            <!-- <div class="tabs-container" :style="{width:tabsWidth*tabsList.length + 'rpx',height:tabsWidth*tabsList.length + 'rpx'}"> -->  
            <div class="tabs-container" :style="{width:tabsWidth*tabsList.length + 'rpx'}">

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