a标签设置锚点不改变url

薄洪涛6年前HTML1748

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

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

标签: 锚点

相关文章

chrome分辨率调试神器,再也不用多屏幕调试页面了

chrome分辨率调试神器,再也不用多屏幕调试页面了

前端的小伙伴们是不是有这样的困扰,不同分辨率会导致样式不一样,明明开发用的1080p屏幕,到了720p的屏幕上就不正常了,想调试也没办法,于是我发现了一个chrome的插件(可能需要翻墙,本文末有下载...

a标签导致局部刷新调到页面顶部

a标签导致局部刷新调到页面顶部

起因在做后台列表的时候,我做了一个详情的查看,如图,点击详情的时候,会发起一个异步请求,去后台请求数据,局部刷新页面,展示出来,如下图所示,点击红框内的详情按钮,会展开详情但是会回到页面顶部但是出现一...

发表评论    

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