JS控制滚动条缓慢移动到底部有问题

可以移动到底部，但是一直移动。到底部了还不停止。(大家可以往上拉滚动条试试)这是代码，大家帮我改改.要直接能用的。修改JS下.谢谢<!DOCTYPEhtmlPUBLIC"... 可以移动到底部，但是一直移动。到底部了还不停止。(大家可以往上拉滚动条试试)
这是代码，大家帮我改改.要直接能用的。修改JS下. 谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<script type="text/javascript">
var currentPosition2,timer2;
function GoBottom(){
timer=setInterval("runBottom()",1);
}

function runBottom(){
currentPosition2=document.documentElement.scrollTop || document.body.scrollTop;
currentPosition2+=50;
if(currentPosition2<0)
{
window.scrollTo(0,currentPosition2);

}
else
{
window.scrollTo(0,0);
clearInterval(timer2);
}
}
</script>
<body>
<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">5</div>
<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">4</div>
<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">3</div>
<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">2</div>
<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">1</div>
<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">0</div>
<div id="back-up" onclick="GoBottom()" style="border:1px solid red;height:100px;width:15px;position:fixed;cursor:pointer;right:10px;bottom:30px;">返回底部</div>

</body>
哪位大神能帮我解决啊.

http://yunpan.cn/cy6R5f26YzAyT 提取码 61e7 展开

 我来答

3个回答

#热议# 普通体检能查出癌症吗？

汲高超SZ
2015-01-09 · TA获得超过161个赞

知道答主

回答量：1153

采纳率：0%

帮助的人：219万

我也去答题访问个人页

关注

展开全部

考虑IE6的话就比较简单，到了之后将这个div的position设置为fixed就好了top值是固定的\r\n但是如果要考虑IE6的话就麻烦一点，解决方法是有的但是代价过高，因为IE6不支持fixed这个属性你只能通过absolute来处理而此时top值是要不停地改变的，而且在IE6中这个div在滚动时会不停晃动，判断一下是否到底部

追问

恩,IE6是不兼容.
    不过我已经找到了解决方法.
写一个判断看你用的浏览器版本.
    低版本的浏览器（比如IE6）进入网站会弹出一个框.无法使用。
  然后 给你一个链接地址去下载最新的浏览器.
  啊哈哈.  不过貌似这样用户体验不太好...

  谢谢你的建议.

本回答由提问者推荐

已赞过 已踩过<

评论收起

匿名用户
2015-02-20

展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>SCROLL</title>
<style type="text/css">
</style>
<script type="text/javascript">
	var goToWhere = function (where)
    {
	    var me = this;
	    me.site = [];
	    me.sleep = me.sleep ? me.sleep : 16;
	    me.fx = me.fx ? me.fx : 6;
	    clearInterval (me.interval);
	    var dh = document.documentElement.scrollHeight || document.body.scrollHeight;
	    var height = !!where ? dh : 0;
	    me.interval = setInterval (function ()
	    {
		    var top = document.documentElement.scrollTop || document.body.scrollTop;
		    var speed = (height - top) / me.fx;
		    if (speed === me.site[0])
		    {
			    window.scrollTo (0, height);
			    clearInterval (me.interval);
		    }
		    window.scrollBy (0, speed);
		    me.site.unshift (speed);
	    }, me.sleep);
    };
</script>
</head>
<body>
	<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">5</div>
	<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">4</div>
	<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">3</div>
	<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">2</div>
	<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">1</div>
	<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">0</div>
	<div id="back-up" onclick="goToWhere(0)"
		style="border: 1px solid red; height: 100px; width: 15px; position: fixed; cursor: pointer; right: 10px; bottom: 150px;">返回顶部</div>
	<div id="back-up" onclick="goToWhere(1)"
		style="border: 1px solid red; height: 100px; width: 15px; position: fixed; cursor: pointer; right: 10px; bottom: 30px;">返回底部</div>
</body>
</html>

已赞过 已踩过<

评论收起

abcd5849049
2015-01-09 · TA获得超过135个赞

知道小有建树答主

回答量：252

采纳率：0%

帮助的人：167万

我也去答题访问个人页

关注

展开全部

timer=setInterval("runBottom()",1);

clearInterval(timer2);
这个清除的名称不对吧

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JS控制滚动条缓慢移动到底部 有问题

其他类似问题

为你推荐：

JS控制滚动条缓慢移动到底部有问题