获取元素宽高

1.获取可视区的宽高

 $(window).width() 
 $(window).height()

width() - 设置或返回元素的宽度
height() - 设置或返回元素的高度
innerWidth() - 返回元素的宽度（包含 padding）
innerHeight() - 返回元素的高度（包含 padding）
outerHeight() - 返回元素的高度（包含 padding 和 border）

2.获取滚动条滚动的距离

$(window).scrollTop()  // 获取滚动条距离顶部的高

3.判断滚动条是否到达底部

/* 滚动条的距离+可视区的高 = 内容区域的高 */
$(window).scroll(function(){
  var scrollTop =  $(window).scrollTop(); //获取滚动条距离顶部的高
  var availHeight =  $(window).height(); //获取可视区域的高
  var dw = $(document).height();  //获取内容区域的高
  console.log(dw)
})