关于微信小程序scroll-view动态绑定了scroll-top值,滑动会发生抖动的案例

摘要:
向下滑动屏幕以输出scrollTop会发现其值正在后退并变小,导致视图抖动:在线找到的解决方案是删除绑定的scrollTop,删除后可以滑动,但功能模块需要将其值绑定为返回顶部的函数的双向绑定值。所以我想找到一种方法,可以在不抖动的情况下保持滚动顶部的值。结论:结果是我误解了。滚动将自动绑定到值的更改。我再次将值指定给scrollTop,其值为-1,0,分别表示“顶部”和“无顶部”状态。
   <scroll-view scroll-y
                  :scroll-top="scrollTop"style="height: 100%"enable-back-to-top="true"scroll-with-animation
                 @scroll="scroll">
  </scroll-view>

下滑屏幕输出scrollTop会发现其值在回退变小,导致视图抖动:

关于微信小程序scroll-view动态绑定了scroll-top值,滑动会发生抖动的案例第1张

网上寻找的解决方法是去除绑定的scroll-top,删除之后可以滑动,但是功能模块需要绑定其值,作为返回顶部的功能双向绑定值。所以我想寻找能够保留scroll-top的值,又能不抖动的方法。

关于微信小程序scroll-view动态绑定了scroll-top值,滑动会发生抖动的案例第2张

关于微信小程序scroll-view动态绑定了scroll-top值,滑动会发生抖动的案例第3张

结论:结果是我理解错了,滚动会自动绑定数值的变化我又再次赋值给了scrollTop,而且其值取值为-1,0,分别表示置顶以及滚动未置顶是的状态。返回顶部的方法如下

关于微信小程序scroll-view动态绑定了scroll-top值,滑动会发生抖动的案例第4张

免责声明:文章转载自《关于微信小程序scroll-view动态绑定了scroll-top值,滑动会发生抖动的案例》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Mac终端解压缩命令大全AWS 如何生成IAM用户的密钥(AKSK)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js设置滚动条位置

JS控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶(window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight); JS控制TextArea滚动条自动滚动到最下部 document.getElementById('textare...

Node.js连接RabbitMQ,断线重连,动态绑定routing key

RabbitMQ官方提供的教程https://www.rabbitmq.com/tuto...,是基于回调的。 下面将给出基于Promise式的写法。并且实现动态的队列绑定 初始化配置 const amqp = require('amqplib') // rabbitMQ地址 const {amqpAddrHost} = require('../conf...

C++中的动态绑定

C++中基类和派生类遵循类型兼容原则:即可用派生类的对象去初始化基类的对象,可用派生类的对象去初始化基类的引用,可用派生类对象的地址去初始化基类对象指针。 C++中动态绑定条件发生需要满足2个条件: 1:只有指定为虚函数的成员函数才能进行动态绑定,成员函数默认为非虚函数,非虚函数不能进行动态绑定 2:必须通过基类类型的引用或指针进行函数调用 基类类型引用和...

jQuery-为动态添加的元素绑定事件

样例: $("#modify_nick").click(function () {$(this).css("display","none");$("#nickname_span").empty();var input = document.createElement("input");$(input).attr("type", "text");$(inpu...

vue中记录页面的滚动距离

业务需求:pageOne页面是一个商品列表页面,在这个页面点击商品,就会跳转到pageTwo商品详细页面。此时再从pageTwo页面返回到pageOne页面时,pageOne页面需要做到:1.记录pageOne之前的滚动的距离。2.不重新请求数据。而从其它页面进入到pageOne页面时,pageOne页面不需要记录之前的滚动距离和需要重新请求数据。 1.使...

Taro实现VirtualList虚拟列表

在使用Taro开发微信小程序时,需要加载长列表数据,在官网找了相关的VirtualList虚拟列表的组件,要么版本过低(项目中使用3.0.1版本),要么使用不方便(可能是自己没看懂的问题),官方也说有虚拟列表就是长列表加载,使用后发现性能不能达到满足,于是就参考网上的虚拟列表的思路开始自己做。 简单说下思路,设计思路是通过虚拟列表,只展示屏幕可视区域范围的...