xiaoliao998
xiaoliao998
  • 发布:2021-01-26 01:16
  • 更新:2021-01-26 01:16
  • 阅读:746

【报Bug】weex scrollToElement方法,无法取消animated,导致只要触发这个方法必定带动画,而官方weex文档说的支持配置animated为false

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.0.7

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: P40

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    dom.scrollToElement(chatItem, {  
                                offset:0,  
                                animated:false  
                            })

具体场景,主要是针对scroll-view 组件,该组件中,存在一个属性,scroll-anchoring,主要是防止页面内容新增后,滚动条位置偏移整个页面抖动问题,官方说的可采用 CSS overflow-anchor,但是nvue页面中是没有效果,

然后我查看了nvue 文档,scroller组件,scrollToBegin属性,经过实测,发现还是不行,

业务场景是聊天页面,当用户下拉聊天页,靠近头部时,也就是触发scroll-view,@scrolltoupper事件后,拉取最新数据,填充至头部时,会导致整个页面重绘,而我们是想要让视图重新回到原来请求的位置点,

没有办法,只能记录最后一个聊天位置点,使用scrollToElement 手动触发滑动到原位置,但是因为 关闭不了animated,无法达到一种无痕体验,完全不知道用uni-app该如何处理这种复杂场景

操作步骤:
    dom.scrollToElement(chatItem, {  
                                offset:0,  
                                animated:false  
                            })

预期结果:

不存在滑动动画

实际结果:

永远存在滑动动画

bug描述:

经过长时间的观察,测试,发现nvue上存在一个比较大的产品问题,

    dom.scrollToElement(chatItem, {  
                                offset:0,  
                                animated:false  
                            })

该方法 ,永远都存在动画,

2021-01-26 01:16 负责人:无 分享
已邀请:

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