uni-app nvue页面二次渲染时滚动条位置未处理,导致bindingx监听滚动条变化后样式错位

uni-app nvue页面二次渲染时滚动条位置未处理,导致bindingx监听滚动条变化后样式错位

测试过的手机

华为40,IOS11

示例代码

见附件视频

操作步骤

自定义导航烂,通过bindingx,监听滚动条变化,给于样式变化,让其页面复用,就会出现

预期结果

滚动条位置,保持不变

实际结果

见bug视频,一看就懂,问题还是比较大,不能通过bindingx做一些复杂类动画效果,要乱套的

bug描述

nvue页面,感觉底层,并没有处理二次渲染时滚动条位置的问题,造成了 bindingx,监听滚动条变化后给的样式全部错位, A页面,uni.navigateTo跳转进入B页面,B页面再次跳转回A页面,A再跳进B。。。 在这个逻辑中,以前的UNI-APP,会越跳越卡,因为都是uni.navigateTo,自从更新上了V3后,感觉解决掉了这个问题,给我的感觉是底层相同页面组件,被复用了。 但是当通过navigateBack,回来时,被复用过的页面,其滚动条位置会有问题。具体可以参考下我视频, 再视频中,我是通过bindingx,自定义导航烂这样,然后通过监听滚动条变化,给他样式,当回跳过来后,bindingx 这边样式乱了。

信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 win10
HBuilderX类型 正式
HBuilderX版本号 3.1.3
手机系统 全部
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app nvue页面二次渲染时滚动条位置未处理,导致bindingx监听滚动条变化后样式错位的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

请务必提供一下简单示例demo 我们测试查看下

更多关于uni-app nvue页面二次渲染时滚动条位置未处理,导致bindingx监听滚动条变化后样式错位的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我刚做了个demo,你可以看下,我把代码上传到附件了,我动画是用bindingx的,你可以把bindingx去掉,在页面回退时,滚动位置不能复位

这东西是不是搞不定啊,请赐予我力量,

测试的怎么样了啊?

能复现 思路是可以的。但目前看onUnload去触发BindingX.unbind有时不会生效。

回复 DCloud_Android_ST: 我的demo上传了吧,其实我觉得是滚动条位置的问题,A跳到B,B回退,A的滚动条位置是对的,A跳到B,B再跳到一个新A,新A回退到B,再从B回退到A,A的滚动条位置就不对了

回到顶部