vue实现锚点 点击跳转 滑动过去

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

 

文章目录

• 前言
• 一、vue实现锚点  点击跳转 滑动过去
• 二、使用步骤
• 总结

 

---

前言

提示：这里可以添加本文要记录的大概内容：
 

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、vue实现锚点  点击跳转 滑动过去。

二、使用步骤

代码如下（示例）：

<template>
<div>
    <div>
         <a class="detail_anchor_item "  @click="goRegister1" id="goRegister1">
            <span>详情</span>
         </a>
    </div>
    
    <div style="width: 100vw;height: 900px"></div>
 
    <div class="form-wrap-app1" style="width: 100vw;height: 100px;background: #000"></div>
</div>
</template>
<script>
 export default {
  data() {
    return {
   }
  },
  methods: {
   goRegister1(){
        this.$el.querySelector('.form-wrap-app1').scrollIntoView(
          {
            behavior: "smooth", // 平滑过渡
            block: "start" // 上边框与视窗顶部平齐
          }
        );
   },
  }
 }
</script>

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍vue实现锚点  点击跳转 滑动过去的方法