关于前端的各种height问题

1 ：$(window).height()   当前可见区域的大小。
2：$ (document).height()   整个文档 的高度。
注意:
当浏览器窗口大小改变时(如最大化或拉大缩小窗口后) $(window).height() 随之改变，
但$(document).height()是不变的。

3 ： $(document).scrollTop() 获取垂直滚动的距离  即当前滚动的地方的窗口顶端到整个页面顶端的距离
 

要获取顶端 只需要获取到scrollTop()==0的时候  就是顶端了
要获取底端 只要获取scrollTop()>=$(document).height()-$(window).height()  就可以知道已经滚动到底端

4：scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

1 document.body.scrollHeight:网页正文全文高度；
2 document.body.offsetHeight:网页可见区域高（包括边线的宽）
3 docment.body.clientHeight:网页可见区域的高
4 window.screen.availHeigh：屏幕可工作区的高

点击跳转到浏览器顶部
 $("body").children("h1,h2").each(function (i, v) {
   var $v = $(v);
   if ($v.nodeName == "H2") {
     $(".site-menus").append("<li class='ml5' top='" + $v.offset().top + "'>" + $v.text() + "</li>");
   } else {
    $(".site-menus").append("<li top='" + $v.offset().top + "'>" + $v.text() + "</li>");
   }
 });
 $(".site-menus li").click(function () {
     $(window).scrollTop($(this).attr("top"));
  });