在Vue中,有三种方式可以实现页面滑动至指定位置

方法1:


   
   
//先获取目标位置距离 mounted() { this.$nextTick(() => { setTimeout(() => { let targetbox= document.getElementById('targetbox'); this.target= targetbox.offsetTop; }) }) } //再滑动指定距离 document.body.scrollTop = this.target;

方法2:


   
   
this.$nextTick(() => { this.$refs.DOM.scrollTo(0,200); this.$refs.result.scrollIntoView({ behavior: "smooth" }); })

方法3:


   
   
document.getElementById("target").scrollIntoView();
Logo

前往低代码交流专区

更多推荐