运用场景
在现实的项目中 <a> 标签中的 href 前会有 basePah 被定义,那么使用 html 锚点技术会导致页面跳转,应该考虑其他方式,比如 JS中的 obj.scrollIntoView()方法,其中 obj 就是锚点对象本身
代码
<a id="anchorId"></a>
<!--
省略页面代码
-->
<div>
<!--
比如浏览到此处,有一个返回到锚点的点击事件
-->
<a href="javascript:void(0); returnToAnchor();">返回</a>
</div>
<!--
省略页面代码
-->
<script type="text/javascript">
function returnToAnchor(){
document.getElementById("anchorId").scrollIntoView();
//注意:此处的 id 是锚点 id
}
</script>
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/14065.html