页内跳转

html 页内跳转

Posted on 2015年10月27日 by allenmo

XHTML

<a href="#the_id"></a>

1	<a href="#the_id"></a>

 

JS 页面内跳转

Posted on 2015年10月27日, updated on 2015年10月27日 by allenmo

JavaScript

// 方法一，IE6,IE8,FireFox,Chrome 测试通过 document.getElementById("the_id").scrollIntoView(); // 方法二，IE6,IE8,FireFox测试通过， Chrome貌似第一次行， 再一次好像不行 window.location.hash = "#the_id"; // 方法三， jq实现，没试 var _targetTop = $('#the_id').offset().top;//获取位置 jQuery("html,body").animate({scrollTop:_targetTop},1000);//跳转 $("html,body").animate({scrollTop: $("#the_id").offset().top}, 1000)//合成一句完成

1 2 3 4 5 6 7 8 9 10 11

// 方法一，IE6,IE8,FireFox,Chrome 测试通过 document.getElementById("the_id").scrollIntoView();   // 方法二，IE6,IE8,FireFox测试通过， Chrome貌似第一次行， 再一次好像不行 window.location.hash = "#the_id";   // 方法三， jq实现，没试 var _targetTop = $('#the_id').offset().top;//获取位置 jQuery("html,body").animate({scrollTop:_targetTop},1000);//跳转   $("html,body").animate({scrollTop: $("#the_id").offset().top}, 1000)//合成一句完成