vue中实现锚点定位以及平滑滚动到指定位置。
//点击此处<div @click="goDingyue">立即订阅</div>//跳转到该位置<div class="dingyue_box" ref="dingyue_box_ref">立即订阅内容</div>methods: {goDingyue() {// 获取元素在页面中的位置console.log(this.$refs.dingyue_b
·
// 点击此处
<div @click="goDingyue">立即订阅</div>
// 跳转到该位置
<div class="dingyue_box" ref="dingyue_box_ref">
立即订阅内容
</div>
methods: {
goDingyue() {
// 获取元素在页面中的位置
console.log(this.$refs.dingyue_box_ref.getBoundingClientRect());
// document
// .getElementById("agentTitle")
// .scrollIntoView({ block: "start", behavior: "smooth" });
// 跳转到指定位置并且平滑滚动
this.$el
.querySelector(".dingyue_box")
.scrollIntoView({ block: "start", behavior: "smooth" });
},
}
更多推荐
已为社区贡献2条内容
所有评论(0)