Jquery位置（offset，position，scrollTop/scrollLeft）

1、offset()  获取或设置元素偏移

        （1）方法返回被选元素相对于文档的偏移坐标，跟父级没有关系，无论是否定位

         （2）方法是一个对象，有2个属性：left、top；offset().top用于获取距离文档顶部的距离

         （3）如果括号内加参数，则可以设置偏移offset({top：10，left：30})

2、positio()   获取元素偏移

         方法用于返回元素相对于带有定位的父级元素偏移坐标，如果父级没有定位，则以文档为准

3、scrollTop()/scrollLeft()  获取或设置元素被卷去的头部或左侧

也可以设置

 

案例：滚动到指定位置，显示返回顶部

<script>
        $(function() {
            $(document).scrollTop(100);
            // 被卷去的头部 scrollTop()  / 被卷去的左侧 scrollLeft()
            // 页面滚动事件
            var boxTop = $(".container").offset().top;
            $(window).scroll(function() {
                // console.log(11);
                console.log($(document).scrollTop());
                if ($(document).scrollTop() >= boxTop) {
                    $(".back").fadeIn();
                } else {
                    $(".back").fadeOut();
                }
            });
            // 返回顶部
            $(".back").click(function() {
                // $(document).scrollTop(0);
                $("body, html").stop().animate({
                    scrollTop: 0
                });
                // $(document).stop().animate({
                //     scrollTop: 0
                // }); 不能是文档而是 html和body元素做动画
            })
        })
    </script>