javascript 自动转到命名锚记

作者:计算机教程

1.自动转到命名记

<div style="width:100%;height:1600px;margin:0 auto"></div>
<script type="text/javascript">
//<![CDATA[
var goto_top_type = -1;
var goto_top_itv = 0;
function goto_top_timer()
{
var y = goto_top_type == 1 ? document.documentElement.scrollTop : document.body.scrollTop;
var moveby = 15;
y -= Math.ceil(y * moveby / 100);
if (y < 0) {
y = 0;
}
if (goto_top_type == 1) {
document.documentElement.scrollTop = y;
}
else {
document.body.scrollTop = y;
}
if (y == 0) {
clearInterval(goto_top_itv);
goto_top_itv = 0;
}
}
function goto_top()
{
if (goto_top_itv == 0) {
if (document.documentElement && document.documentElement.scrollTop) {
goto_top_type = 1;
}
else if (document.body && document.body.scrollTop) {
goto_top_type = 2;
}
else {
goto_top_type = 0;
}
if (goto_top_type > 0) {
goto_top_itv = setInterval('goto_top_timer()', 10);
}
}
}
//]]>
</script>
<a href="javascript:void(0)" onclick="goto_top()" style="float:right">返回顶部</a>

<script laguage="javascript">
<!--
//function scrollwin() {
//document.body.scrollTop
var scroll_y = parseInt(1000);
window.scrollBy(0, scroll_y);
//}
//-->
</script>

复制代码

2.自动定位到指定高度

http://www.bkjia.com/AJaxjc/448623.htmlwww.bkjia.comtruehttp://www.bkjia.com/AJaxjc/448623.htmlTechArticle本文章来给大家介绍两款不错的jq和javascript实现返回顶部实现程序,各位朋友可参考参考。 jquery博客现在准时下班,最近加的蛮累的,估计...

nba买球,复制代码 代码如下:

<script type="text/javascript" src="/jquery.min.js"></script>
<script>
(function() {
 var $backToTopTxt = "返回顶部", $backToTopBox = $('<div class="backToTop"></div>').appendTo($("body"))
  .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
   $("html, body").animate({ scrollTop: 0 }, 120);
 }), $backToTopBody = function() {
  var st = $(document).scrollTop(), wh = $(window).height();
  (st > 0)? $backToTopBox.show(): $backToTopBox.hide(); 
  //IE6下的定位
  if (!window.XMLHttpRequest) {
   $backToTopBox.css("top", st wh - 166); 
  }
 };
 $(window).bind("scroll", $backToTopBody);
 $(function() { $backToTopBody(); });
})();
</script>
<div style="width:100%;height:600px;margin:0 auto"></div>

复制代码 代码如下:

 代码如下

<script laguage="javascript">
window.location.hash = "#bottom";
</script>
<a name="bottom">底部</a>

javasript版 DEMO

上面代码都测试过了,直接拿过去就可以使用了哦,个人推荐使用jquery版本返回顶部了。

本文由nba买球发布,转载请注明来源

关键词: