设计网页时,有时需要跳转到页面某一位置,下面给出了两种跳转到页面某一位置的两种方法。
下面两种方式均无滑动效果
方法1:使用JavaScript控制
代码:
1 2 3 4 5 |
<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来查找
1 2 3 4 5 |
<body> <a href="#here" >bottom</a>//跳到id为here的锚点 // 内容 <a id='here' ></a>//锚点ID </body> |
复制上述代码进入下面的链接测试效果: