a锚点页内跳转不改变url

如果你想用a标签页内跳转,一半的用法都是如下:

<a href="#div_id">点我跳转</a>
<div id="div_id"></div>

就是在href中放想要到达的id
不过你会发现,页面的链接地址url发生了变化。当刷新页面的时候,就会空白页面。

为了解决以上的问题,我采取了一下的解决办法。

给a标签增加一个点击事件。
id是点击时的a标签的id.
id+"_id"是id相对应的位置的id

 togoMao(id) {
            var element = document.getElementById(id+"_id");
            element.scrollIntoView(true);
        },

这个方法是运用了scrollIntoView方法。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注