回到顶部

最新推荐文章于 2024-07-24 11:22:34 发布

qq_37295810

最新推荐文章于 2024-07-24 11:22:34 发布

阅读量153

点赞数

本文链接：https://blog.csdn.net/qq_37295810/article/details/55042911

版权

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			#box {
				width: 1000px;
				height: 2000px;
				background: #666;
				margin: 0 auto;
			}
			
			#backtop {
				width: 50px;
				height: 50px;
				background: red;
				position: fixed;
				bottom: 50px;
				right: 50px;
				opacity: 0;
				filter: alpha(opacity: 0);
			}
		</style>
		<script src="js.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onscroll = function() {
				var oHead = document.getElementById('backtop');
				var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
				if(scrollTop >= 200) {
					startMove(oHead, 'opacity', 100);
				} else {
					startMove(oHead, 'opacity', 0);
				}
				oHead.onclick = function() {
					scrollTop = document.documentElement.scrollTop = document.body.scrollTop = 0;
				};
			};
		</script>
	</head>

	<body>
		<div id="box">
			<div id="backtop"></div>
		</div>
	</body>

</html>