onClick() {
dom.scrollToElement(this.$refs.scrollView)//将scrollView滚动到页面顶部
},
handleScrolltabClick(item, index) {
this.currentTabId = item.tabId
this.currentInedx = index
dom.scrollToElement(this.$refs.scrollView, {
offset: -this.statusBarHeight - this.navigateBarHeight//显示整个navigareBar，使父list回到顶部
})
},
9***@qq.com
- 发布：2022-12-10 11:46
- 更新：2022-12-10 11:46
- 阅读：266
【报Bug】nvue list+swiper-list 使用scrollToElement 时，当子list存在滚动高度时，父list调用scrollToElement 无法滚动到指定位置
分类：uni-app
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 3.6.5
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： mate 40E
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
swiper-list 中的子list 滚动一定高度，页面调用scrollToElement 指定父list中的节点滚动到指定位置，使父list 滚动到顶部
swiper-list 中的子list 滚动一定高度，页面调用scrollToElement 指定父list中的节点滚动到指定位置，使父list 滚动到顶部
预期结果：
父list 回到顶部
父list 回到顶部
实际结果：
父list 没有发生滚动
父list 没有发生滚动
bug描述：
nvue 使用 list 嵌套 swiper-list 时，当子list组件滚动高度不为0时，调用dom.scrollToElement() 使父list组件滚动到指定位置时不生效；只有当子list组件滚动高度为0时，调用dom.scrollToElement() 使父list组件滚动到指定位置能正常运行。
0 个回复