如何用Vue实现滑动隐藏固定定位图标的动态效果？

本文共计674个文字，预计阅读时间需要3分钟。

在移动端页面，有时底部会出现一些固定定位的图标，如购物车等。若添加一个滑动页面，图标透明度降低，同时滑动至屏幕边缘进行隐藏，效果如下。原理：通过监听滑动事件，动态调整图标透明度和位置。

写在前面

移动端页面，有时候会出现一些固定定位在底部图标，比如购物车等。这时候如果添加一个滑动页面，图标透明度变低，同时 移动到屏幕边进行隐藏，效果如下。

所用原理

监听滑动事件，每次进行滑动时，触发动画，添加定时器，1.4s后显示该图标。