js锚点链接点击锚点后不改变url的方法
前端当中html锚点链接的用法很简单,相信大家都会:
<a href="#top">点击我</a> <div id="top">头部</div>
然而这样使用会产生一个现象,那就是 url 会被改变,浏览器默认的行为会将 id 放在 url 后面。比如:https://www.dedexuexi.com#box
这种写法体验效果极差,那么有没有什么方法不改变URL呢?
这里就不多废话了,直接上代码
点的地方:
<div onclick="javascript:document.getElementById('box').scrollIntoView()"></div>
需要跳的地方:
<div id="box"> 跳到这里 </div>
完事~~~~~
本文网址:https://www.dedexuexi.com/wysj/javascript/3630.html
本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。