一个小小的goTop功能

很多网站有一个回到顶部，但是一开始你并看不到，只有当你滑动到后一个距离的时候，这个按钮就出现了，感觉和昨天的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，嗯，下一次就整理一下懒加载吧