仿新浪微博返回顶部怎样用纯JS做？

耕田佬 2012-02-23 09:42:19

知道有一个onscroll的方法，不过无从下手，求高手教导，先谢谢！

...全文

166 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

freedom_gooboy 2012-02-23

打赏
举报





<!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" />

</head>



<body>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 

<script type="text/javascript"> 

//怎么获取网页的高度 让页面一出来就滚动条在最底端 

function myScroll() { 

	//前边是获取chrome等一般浏览器 如果获取不到就是ie了 就用ie的办法获取 

	var x=document.body.scrollTop||document.documentElement.scrollTop; 

	var timer=setInterval(function(){ 

		x=x-100; 

		if(x<100) { 

			x=0; 

			window.scrollTo(x,x); 

			clearInterval(timer); 

		} 

		window.scrollTo(x,x); 

	},"200");   //200毫秒 控制滚动条的速度

} 

</script> 

<title></title> 

</head> 

<body id="bd"> 

<div> 

<div style="height:1000px;">初始化</div> 

<div style="height:1000px"> 

<div style="position:fixed;right:10px;bottom:50px;width:20px;height:70px;background-color:red;cursor:hand;" 

onclick="myScroll()">返回顶端</div> 

</div> 

</body> 

</html>