vue点击按钮页面滚动一定高度
时间: 2023-09-09 07:12:12 浏览: 89
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
可以使用下面的代码实现该功能:
```javascript
scrollToTop() {
window.scrollTo({
top: 500, //需要滚动的高度,可以根据需要调整
behavior: "smooth" //平滑滚动
});
}
```
在Vue的模板中,可以将该函数绑定到一个按钮的点击事件中:
```html
<button @click="scrollToTop">回到顶部</button>
```
这样,当用户点击按钮时,页面就会平滑地滚动到指定的高度。
阅读全文