码迷,mamicode.com
首页 > Web开发 > 详细

各种HTML锚点跳转方式

时间:2017-07-28 17:14:20      阅读:211      评论:0      收藏:0      [点我收藏+]

标签: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. <href="#" onclick="document.getElemetnById(‘divNode‘).scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>  

各种HTML锚点跳转方式

标签:ati   跳转   jquer   cli   动效   ...   nbsp   red   XML   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!