jQuery-----获取浏览器上卷高度（scrollTop()、scrollLeft() ）

<script>
    // 获取浏览器上卷高度
    // scrollTop()    上卷的高度
    // scrollLeft()   平移的宽度
    // 不同考虑浏览器的兼容性,jQuery会来处理
    // 可以回去,也可以设定

    // jquery中,滚动条的监听事件
    $(window).scroll(function(){
        // 判断 浏览器的上卷高度 
        if($(window).scrollTop() > 500){
            // 大于 500 , 让 div,下拉显示
            $('div').slideDown();
            $('p').slideDown();
        }else{
            // 小于等于 500 , 当div,上卷隐藏
            $('div').slideUp();
            $('p').slideUp();
        }
    })

    // 点击返回顶部
    // 获取和设定时, 可以通过 $(window) 来进行操作
    //              也可以通过 $('html') 来进行操作
    // 设定自定义动画时, 必须只能使用 $('html') 来进行
    //                  $(window) , 不支持 动画效果的
    // 
    $('p').click(function(){
        // 如果是设定,可以是 $(window) 或者 $('html')
        // 不过 这个是 瞬间完成 的
        // $(window).scrollTop(0);

        // 通过自定义动画,使用动画效果完成
        // 只能是 $('html') 来执行
        $('html').animate( { scrollTop: 0 } , 2000 );
    })


    总结
       页面上卷操作
       1, 获取 和 设定
          scrollTop()   scrollLeft()
          没有参数是获取,有参数是设定
          获取和设定的对象,可以是 $(window)  或者  $('html')
          window 是一个 JavaScript 的 *对象
          要使用 jquery 的语法 必须要 加 $() 来转化
          $('html') 通过 html 标签名称 来获取标签对象 --- 选择器语法
    
      2,  自定义动画效果
          $('html').animate( {scrollTop:数值} , 时间 );
          只有 $('html') 支持动画效果

</script>