Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
body {
	position:relative;
}
.content {
	width:1200px;
	height:3000px;
	background:#f1f1f1;
	margin:0 auto;
	padding:100px 0 50px 0;
	text-align:center;
}
h1 {
	margin-bottom:500px;
}
.gongyong a {
	width:50px;
	height:50px;
	background:#000;
	color:#fff;
	position:fixed;
	text-align:center;
	line-height:50px;
	right:2%;
	text-decoration:none;
	transition:all 0.5s;
	display:none;
}
.top a {
	top:70%;
}
.bottom a {
	top:80%;
}
.gongyong a.hover {
	background:#e14da0;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

向下滚动显示返回顶部按钮JS

通过鼠标滚动到一定距离后,出现顶部和底部按钮,点击相应按钮即实现,滚动到顶部按钮隐藏。

0