Animated Scroll to Top （滚动回顶部）

最新推荐文章于 2024-04-27 09:41:05 发布

sysutangxiaoxi

最新推荐文章于 2024-04-27 09:41:05 发布

阅读量787

点赞数

本文链接：https://blog.csdn.net/u014687259/article/details/24247689

版权

越来越懒了=w= Animated Scroll to Top . Back to Top

摘要由CSDN通过智能技术生成

越来越懒了=w=

demo:demo

<div id="pagewrap">
		<h2>
			<a href="http://webdesignerwall.com/tutorials/animated-scroll-to-top">Animated Scroll to Top</a>
		</h2>
		
		..........................

		<p id="back-top">
			<a href="#top"><span></span>Back to Top</a>
		</p>

</div>

用一个div包裹内容，里面主要内容是那个p id="back-top"的，作为滚动回顶部的按钮

#pagewrap{
		margin:0 auto;
		width:600px;
		padding-left:150px;
		position:relative;
	}



	#back-top{
		position:fixed;
		bottom:30px;
		margin-left:-150px;
	}
	#back-top a{
		width:108px;
		display:block;
		text-align: