如何用VueJS实现网页自动向上滚动功能？

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

原文示例：本文字例为大国分享了vue/js实现页面自动向上滚动的具体代码，供大家参考，具体内容如下+最近做的新项目中，要求数让看不见的内容自动向上滚动一定的距离，使之可以看得到，下面我来分说

改写后：实例：大国分享的vue/js页面自动向上滚动代码，详参如下+新项目需求：使不可见内容自动滚动至可见，实现方式如下，具体解析见下文

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

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

效果图：

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