码农日记

薄洪涛的个人博客

a标签设置锚点不改变url

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

<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了

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.7.3

版权所有 | 转载请标明出处