今日头条的下拉刷新的效果是怎么实现的？

2024/5/1 22:22:49发布26次查看

回复内容：搞一个圆圈箭头 icon，监听手指下拉的事件，触发了之后判断滑动距离，然后计算改变 icon 的样式，用 css3 来搞一个是上边距、一个是 rotate。判断滑动距离到了一定的阈值，就触发请求，动画消失。这难道不是android的webview自带的下拉刷新么....大家好，我是题主，思路江水兄已经说得很清楚了。我在这里分享个技巧。
今日头条这个下拉刷新是动态创建的dom，鼠标松开后就删除了。这就导致无法通过f12查看源码。
后来群里的小伙伴分享了个方法，在左键选中的时候单击鼠标右键，这时左键选中的效果就会被锁定，就可以查看源码了。
然后... 我发现头条的这个icon居然是用canvas写的... _(:з」∠)_iscroll.js这个东西知乎也有啊，可以试试，下拉就开始转动，手指离开停止转动，然后刷新。原理应该是一样的。js判断执行css3动画。

该用户其它信息

今日头条的下拉刷新的效果是怎么实现的？

VIP推荐