vue 中使用 scrollIntoView

<div class="item_type" :id="item.id">
 <span >{{item.label}}</span>
</div>
document.getElementById(item.id).scrollIntoView()
scrollIntoView({
  behavior:auto //定义动画过渡效果"auto"或 "smooth" 之一。默认为 "auto"。
  block:start//定义垂直方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "start"。
  inline:nearest//"start", "center", "end", 或 "nearest"之一。默认为 "nearest"。
})

需要页面完全加载后才能生效

this.$nextTick(()=>{
   document.getElementById(target).scrollIntoView();
})
Logo

前往低代码交流专区

更多推荐