Vue通过scrollIntoView实现锚点滚动过渡

vue中 的锚点跳转

//使用this.$el.querySelector('id名或者class').scrollIntoView()
//scrollIntoView 里可以放参数以实现过渡效果  如下
goAnchor(selector) {
  this.$el.querySelector(selector).scrollIntoView({
      behavior: "smooth",  // 平滑过渡
      block:    "start"  // 上边框与视窗顶部平齐。默认值
  });
}

里面写的很详细
文档链接: https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView.

你可能感兴趣的:(Vue通过scrollIntoView实现锚点滚动过渡)