js实现点击回到顶部滚动条慢慢回到顶部的效果

最新推荐文章于 2024-07-08 18:01:35 发布

m0_63514794

最新推荐文章于 2024-07-08 18:01:35 发布

阅读量373

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_63514794/article/details/126592230

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#first{
				height: 388px;
				width: 520px;
				border: 1px solid black;
				margin: 20px auto;
				overflow: auto;
				position: relative;
			}
			#second{
				height: 2222px;
				
			}
			#third{
				width: 30px;
				height: 90px;
				text-align: center;
				background-color: green;
				border-radius: 20px;
				color: white;
				position: absolute;
				bottom: 20px;
				right: 10px;
				display: none;
			}
		</style>
	</head> 
	<body>
		<div id="first">
			<div id="second">
				<div id="third">回到顶