很多网站有一个回到顶部，但是一开始你并看不到，只有当你滑动到后一个距离的时候，这个按钮就出现了，感觉和昨天的Stick up一样，虽然实现难度不大，但是客户体验还是很好的
先看看运行具体的效果图：
goTop.gif
实现的思路不难：
1.设定一个元素放在那里，等到滚动多少px之后，让他出现就好了，至于你是让他从display:none 变 block也好，是opacity:0 变 1也好，我是选择的fixed这个goTop，opacity从0变1；
好，看看代码如何实现：
<div id="content">
<ul>
<li>Top</li>
<li>内容01</li>
<li>内容02</li>
<li>内容03</li>
<li>内容04</li>
.......
<li>内容20</li>
</ul>
</div>
<a href="#" class="goTop">Top</a></div>
var $ct = $('#content');
var $goTop =$('<a href="#" class="goTop">Top</a>');
$goTop.appendTo($ct);
$(window).on('scroll',function(){
var scrollTop = $(window).scrollTop();
if(scrollTop > 400){
$goTop.css('opacity',1)
}else{
$goTop.css('opacity',0)
}
})
真就这么多，看起来很简单，懒加载也是同样，也是一个你设定的元素，只要他出现在用户的视野，就发送Ajax，嗯，下一次就整理一下懒加载吧
