使用锚点链接路径不发生跳转

Posted houzhicongone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用锚点链接路径不发生跳转相关的知识,希望对你有一定的参考价值。

锚点链接不会进行路径的跳转

1.进行点击锚点的地方的代码

<ul class="side-box">
				<li class="" style=""> 
					<a  @click="changeHash('#name1')">销售信息</a>
					</li><!----></ul>

2. 点击事件的编写

		//使用document.querySelector实现锚点的效果
changeHash(idname)
    document.querySelector(idname).scrollIntoView(true);
,
			
		

3.在定位到的地方加上如下的代码

 <a id="name1"></a>

以上是关于使用锚点链接路径不发生跳转的主要内容,如果未能解决你的问题,请参考以下文章

HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!!

怎么样在HTML页面上添加锚点啊?

单击链接时禁用默认锚点跳转

div锚点链接跳转

js如何实现进入页面后自动跳转到锚点

超链接跳转到不同页面的锚点链接