c***@163.com
c***@163.com
  • 发布:2024-03-09 10:32
  • 更新:2024-03-09 21:15
  • 阅读:698

uni.createSelectorQuery().in(this).select(sel).boundingClientRect(data => {}) data 数据异常

分类:uni-app

安卓系统app,获取#id 的节点布局位置 异常,有哪位知道怎么回事,怎么修改
代码如下:

                let prePos = 0;  
                query  
                    .select(sel)  
                    .boundingClientRect(data => {  
                        console.log("get scroll data " + data.top +" " + data.bottom +" " + data.height+ " " + sel);  
                        if(data.bottom != prePos){  
                            uni.pageScrollTo({  
                                scrollTop: data && data.bottom,  
                                duration  
                            });  
                            prePos = data.bottom  
                        }else{}  
                    })  
                    .exec();

在滚屏十几行后,异常出现了,读取的位置data反复跳回之前的固定位置数据,导致滚屏出现跳跃的情况
10:22:22.728 get scroll data 471.3333435058594 603.3333435058594 132 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:22.963 get scroll data 471.3333435058594 620.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:22.965 get scroll data 471.3333435058594 620.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.095 get scroll data 454.3333435058594 603.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.206 get scroll data 469 618 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.350 get scroll data 454.3333435058594 603.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.429 get scroll data 469 618 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.556 get scroll data 454.3333435058594 603.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.669 get scroll data 469 618 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.803 get scroll data 454.3333435058594 603.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:23.923 get scroll data 469 618 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.048 get scroll data 454.3333435058594 603.3333435058594 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.159 get scroll data 469 618 149 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.287 get scroll data 454.3333435058594 620.3333435058594 166 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.398 get scroll data 452 618 166 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.509 get scroll data 454.3333435058594 620.3333435058594 166 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.652 get scroll data 452 618 166 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.714 get scroll data 454.3333435058594 620.3333435058594 166 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606
10:22:24.890 get scroll data 452 618 166 #msg-robot-zn1709950934801 at pages/sys/chat/chat.vue:606

2024-03-09 10:32 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

可以做个防抖操作,当滑动停止之后再去获取 #id 的节点布局位置

  • c***@163.com (作者)

    问题应该出在滚屏滑动没有完成就开始了下一次读取,但是即使在uni.pageScrollTo 的complete中设置done状态并在入口判断,依然只是好转,而且跟踪发现即使该节点已经完成滚动很久了,后续节点已经scroll了,依然在执行这个节点的scroll,而且展示的打字效果开始变差了,不知有什么更好的办法吗

    2024-03-11 08:41

要回复问题请先登录注册