无
- 发布:2020-11-18 14:37
- 更新:2024-09-05 10:38
- 阅读:2339
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.9.8
第三方开发者工具版本号: 1.03.2010240
基础库版本号: 2.14.0
项目创建方式: HBuilderX
操作步骤:
预期结果:
无
无
实际结果:
无
无
bug描述:
最新版微信小程序scroll-view组件设置scroll-into-view无效,无法滚动到指定位置,在H5上则有效,且之前未升级HbuilderX时小程序一直有效的。
====================================
出现问题的使用场景为:scroll-view封装在了自定义组件里,然后通过props传值给自定义组件里的scroll-view设置scroll-into-view,然后就失效了,如果scroll-view不放在自定义组件中就是有效的
=================================
已添加DEMO
<scroll-view scroll-y="true" :scroll-into-view="scrollInto" @scroll="onScroll">
<block v-for="(item, index) in content" :key="index">
<view :id="''+index">{{item}}</view>
</block>
</scroll-view>
data() { return { /*竖向滚动条的位置*/ scrollInto: 'scr-0',content: [] } },
methods: { itemAdd() { var len = this.$data.content.length; this.$data.content.push('测试.' + len) ;this.$data.scrollInto = '' + len; } }
//原生组件,h5页面 不正常,微信小程序 正常;
//自定义组件,都不正常
//改成这个的代码,原生组件,都正常;
//自定义组件,h5 正常,微信小程序 不正常;
setTimeout(() => {;this.$data.scrollInto = '' + len;}, 200)
hbuilder x 4.24
WeChatLib: 3.5.4
-
scroll-view :scroll-top="scrollTop" class="scroll-content"
data: {scrollHg: 0,scrollTop: 0}
uni.createSelectorQuery().select('.scroll-content').scrollOffset(rs=>{
if( page.scrollHg === 0 ){ page.$data.scrollHg = rs.scrollHeight; return; }
var hg = page.scrollHg;
if( hg != rs.scrollHeight ){
page.$data.scrollHg = rs.scrollHeight;
page.$data.scrollTop = rs.scrollHeight;
}
}).exec()
使用这种方式解决了2024-08-19 11:35
1***@qq.com (作者)
出现问题的使用场景为:scroll-view封装在了自定义组件里,然后通过props传值给自定义组件里的scroll-view设置scroll-into-view,然后就失效了,如果scroll-view不放在自定义组件中就是有效的。H5中是正常的,只有微信小程序是有问题的
2020-11-19 16:03
DCloud_UNI_Anne
回复 1***@qq.com:请提供下能复现的demo
2020-11-19 18:31
1***@qq.com (作者)
回复 DCloud_UNI_Anne: 已添加附件demo
2020-11-20 12:02
DCloud_UNI_Anne
回复 1***@qq.com: 这里的老版本:指的是微信老版本,还是HBuilderX老版本?
2020-11-23 17:42
2***@qq.com
回复 DCloud_UNI_Anne: 请问这个问题修复了吗
2022-09-29 09:04