1***@qq.com
1***@qq.com
  • 发布:2020-11-18 14:37
  • 更新:2024-09-05 10:38
  • 阅读:2339

【报Bug】最新版微信小程序scroll-view组件设置scroll-into-view无效(且之前老版本是生效的),而H5一直有效

分类:uni-app

产品分类: 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

2020-11-18 14:37 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

bug未复现,请提供一个能复现你问题bug的完整示例代码

  • 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

想去做开发

想去做开发

请问问题解决了吗

4***@qq.com

4***@qq.com

请问有解决问题吗 刚刚我这边的也是跟你的情况一样 scroll-view放在组件中赋值 scroll-into-view pc端可用 小程序端不生效

  • L***@163.com

    微信小程序端 父元素设置高度就可以了

    2022-12-29 10:28

  • 无为而治

    回复 L***@163.com: 试过了,并不行啊

    2023-02-21 16:33

2***@qq.com

2***@qq.com

请问问题解决了吗

1***@163.com

1***@163.com - free

好几年了这个问题还没没改

  • z_bw

    有啥好方法吗 不能在组件里好难受

    2023-06-15 09:58

y***@163.com

y***@163.com - 553485

同样存在这个问题,大佬们有解决这个问题的办法吗?

1234554321

1234554321

<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

  • 1234554321

    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

xcsoftdream

xcsoftdream

哥们,还是不行

  • xcsoftdream

    找到问题了, 组件必须设置确定的高度

    2024-09-18 17:09

要回复问题请先登录注册