8***@qq.com
8***@qq.com
  • 发布:2019-10-06 12:08
  • 更新:2019-10-06 12:08
  • 阅读:1382

【报Bug】scroll-view是横向滚动时与使用了pageScrollTo后有兼容问题

分类:uni-app

详细问题描述

scroll-view横向滚动里的子项,我在执行了返回顶部函数后(pageScrollTo)点击各子项切换报错:Script error.filename:lineno:0,进程序没滚动加载或者滚动了页面但是是手滑动回到顶部的,再点击scroll-view里的子项切换就不报错;测试机6S,系统ios10

重现步骤

1.进入程序

  1. 切换scroll-view里的各子项,正常
  2. 在一个子项下向上滚动页面,滚动一定距离出现“返回顶部”按钮
  3. 点击返回顶部,页面回到顶部后再切换子项
    [结果]
    报错:Script error.filename:lineno:0
    [期望]
    各scroll-view里的各子项可以正常切换

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]
2.3.3
[windows版本号]
win10

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
app
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX创建的
[编译模式是老模板模式还是新的自定义组件模式?]
新的自定义组件模式

App运行环境说明

[iOS版本号]
ios10
[手机型号]
6s

附件

[可重现代码片段] <view class="fixedDiv"> <scroll-view id="tab-bar" class="topTabBar" scroll-x="true" :scroll-left="scrollLeft"> <view v-for="(item1,index1) in tabBars" :key="index1" class="top-tab-list" :class="tabIndex==index1 ? 'active' : ''" id="item1.id" :data-current="index1" @click="tapTab">{{item1.name}}</view> </scroll-view>
<view class="categoryDiv">
scroll-view循环出几个子项,以下就有几个view,简写了
<view>.....</view>
<view>.....</view>
<view>.....</view>
.
.
.
</view>
<view class="returnTop" v-show="isReturnTop" @click="returnTop">顶部</view>
</view>

<style>
.fixedDiv {
width: 100%;
height: 102upx;
}
.topTabBar {
position: fixed;
width: 100%;
top: 0;
white-space: nowrap;
height: 100upx;
line-height: 100upx;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
z-index: 9998;
}
.categoryDiv {
min-height: 2000upx;
}
.returnTop {
position: fixed;
right: 20upx;
bottom: 200upx;
width: 100upx;
height: 100upx;
background-color: green;
color: #fff;
}
</style>

联系方式

[QQ]
869013275

2019-10-06 12:08 负责人:无 分享
已邀请:

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