如何用VueJS实现网页自动向上滚动效果？

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

本文实例为大家分享了vue/js实现页面自动往上滑动的具体代码，供大家参考，具体内容如下

最近做的新项目中要求让看不见的内容自动往上滑动一定的距离，使之可以看到，下面我来分享一下。

效果图：

我主要是使用 scrollTop 来做的往上滑动的功能，使用 animate 函数使之有一定的动画效果。有一个注意点就是要滚动的元素是父级标签，比如我下面列举的代码：id=“scrollbody” 是放在父级标签那里的，它包裹着多项 class=“item” ，如果还是不懂的话，就看使用了v-for在哪个标签使用，然后我们就获取它的父标签即可。