设计网页时,有时需要跳转到页面某一位置,下面给出了两种跳转到页面某一位置的两种方法。
下面两种方式均无滑动效果
方法1:使用JavaScript控制
代码:
<body>
<a href="javascript:void(0);" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight;">到页底</a>
<div style="height:3000px;"></div>
<a href="javascript:void(0);" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=0;">回页顶</a>
</body>
方法2:使用html描点控制
注意此处使用的ID来查找
<body>
<a href="#here" >bottom</a>//跳到id为here的锚点
// 内容
<a id='here' ></a>//锚点ID
</body>
复制上述代码进入下面的链接测试效果: