html到顶部有很多种：
最简单的就锚链接，页面顶部放置：
<a name="top" id="top"></a>
放置位置在
标签之后随便找个地方放都可以，只要靠近顶部即可。
页面底部放置：
<a href="#top" target="_self">返回顶部</a>
（说实话上面的这个到顶部效果太难看了）
- 今天要说的是滑到顶部，用到的是jquery scrolltop()方法scrollTop() 方法设置或返回被选元素的垂直滚动条位置js代码：
(window).scroll(function(){
//console.log($(window).scrollTop());
if ($(document).scrollTop() > 100) {
$('.to-top').fadeIn('slow');
}else{
$('.to-top').fadeOut('slow');
}
})
$('.to-top').click(function(){
$('html,body').animate({scrollTop:0}, 500);
});
css代码：
.to-top {
width: 60px;
height: 60px;
background: #333;
line-height: 60px;
text-align: center;
cursor: pointer;
position: fixed;
bottom: 50px;
right: 10px;
display: none;
box-shadow: 0px 0px 6px 2px #ccc;
border-radius: 5px;
color: #fff;
}
html：
<div style="padding: 0 50px;">
<p>22222222222222222</p>
<p>54545545</p>
<p>54545545</p>
<p>54545545</p>
<p>54545545</p>
<p>54545545</p>
<!-- 很多 -->
</div>
<div class="to-top">到顶部</div>
完。
上海网站建设说：感谢分享
快乐编程,快乐生活说：山有木兮木有枝，心悦君兮君不知。 https://happycodinghappylife.com
Adoncn说：感谢的无私分享！
( 0 )个小伙伴在吐槽