各種HTML錨點跳轉方式

標籤：ati   跳轉   jquer   cli   動效   ...   nbsp   red   XML   

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. <a href="#" onclick="document.getElemetnById(‘divNode‘).scrollIntoView(true);return false;">通過scrollIntoView實現錨點效果</a>  

各種HTML錨點跳轉方式