首页 > Web开发 > 详细

各种HTML锚点跳转方式

时间:2017-07-28 17:02:39      阅读:210      评论:0      收藏:0      [点我收藏+]

1 js控制锚点跳转

<a name="anchor"></a>

location.hash="anchor";

不只有a其他元素也可以,比如在报表中:
<tr id="tr1">...</tr>
location.hash="tr1"
或者用jQuery的动画滚动效果:
var id="tr1";
$(‘html,body‘).animate({scrollTop: $("tr#"+id).offset().top}, 500);

 

2 html控制锚点跳转

<a href="#btn">跳转到点击位置</a>
<a name="btn" id="btn" > 点击</a>

3跨页面锚点跳转

代码如下
<a href="123.html#btn">跳到btn</a>
<a name="btn" id="btn" > </a>

4js控制锚点跳转在HTML中实现方式

  1. <div id="divNode"><!-- contents --></div><!-- 假设一个需要跳转到的节点 -->  
  2. <href="#" onclick="document.getElemetnById(‘divNode‘).scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>  

各种HTML锚点跳转方式

原文:http://www.cnblogs.com/bluesky1024/p/7251222.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!