需求如标题描述
实现效果
思路
- 给按钮添加点击时间
- 获取到想要滚动到的元素
- 获取此元素的
offsetTop
- 然后
window.scrollTo
即可
代码
// <template>
<div class="downBtn" @click="animationDown">
<b-icon
icon="arrow-down"
animation="cylon-vertical"
scale="3"
variant="white"
>
</b-icon>
</div>
// script -> method
animationDown() {
let fjfwBox = document.querySelector(".fjfw-box");
window.scrollTo({
top: fjfwBox.offsetTop,
behavior: "smooth",
});
},