vue 跳转页面锚点纯原生js

最新推荐文章于 2024-08-29 15:30:51 发布

wangyanxin928

最新推荐文章于 2024-08-29 15:30:51 发布

阅读量693

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/wangyanxin928/article/details/107000479

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

跳转按钮
<div  @click="linkHref('ID1')"></div>
<div  @click="linkHref('ID2')"></div>
<div  @click="linkHref('ID3')"></div>

跳转锚点
 <div id="ID1"></div>
 <div id="ID2"></div>
 <div id="ID3"></div>


js方法
methods: {
跳转锚点方法
 linkHref(e){
            let topVal= (document.getElementById(e).getBoundingClientRect().top)-30;
            document.documentElement.scrollTop =topVal;
        },
 },