首页 技术HTML正文

a标签设置锚点不改变url

薄洪涛 HTML 2019-08-14 1367 0 锚点

我们在设置锚点的时候,通常会这么做

<p id='point'>锚点</p>

<a href='#link'>调到锚点</a>

但是这种做法有个弊端,就是会改变url,造成返回键不起作用,所以介绍其他方法去不改变url

<p id='point'>秒点</p>

<a onclick="changeHash('#point')">点这里</a>
<script>
	function changeHash(idName) {
		document.querySelector(idName).scrollIntoView(true);
	}
</script>

这样就不会改变url了

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论