是的，还是我那个朋友，他简直就是我的写作思路（虽然不都是一个主题的东西）。
主要是我不知道要写什么，上班没时间想，有事就ai，🧠都被🧟嫌弃了（其实懒的成分更多吧）。
效果
朋友给的效果如下图所示，不知道看到这个gif的同学是不是已经有思路了，可以在这里思考一下，然后来与我对对答案（当然我的答案不是正确的）
思路
我的思路是这样的，初始加载的时候是存在搜索待办与待办总数的，在页面向上滚动的时候，将这两个的高度逐渐减小，颜色逐渐透明。
直到某一个高度（100px）的时候，搜索待办与待办总数不再展示，便计算最大的“待办”的定位top，逐渐减小，直到不再可视区域中显示出来。
当“待办”不在可视区域中显示出来的时候，将标题显示出来，这里给了一个动画效果。
直到这里完成了动画的连续性，反过来这段代码也适用。
完整代码
各位同学可以使用 H5 模式查看效果，会比电脑查看效果稍微好一点点。
不足之处
其实不难发现，gif 中的滚动条是没有在动的，而我实现的滚动条以及最大的“待办”二字在列表开始滚动之后就会参与滚动，这一点还是跟图中有较大出入。
另外，我的代码里用了很多常量，只计算了搜索待办以及待办总数，如果实际情况只有搜索待办，或者再额外加一条其他东西呢，我们的动画效果就没有办法适应那种变化了。
如果各位同学有相应的解决办法与库，望不吝赐教。
