$(window)和$(document)

• $(window).height()和$(document).height()的区别

1. jQuery(window).height()代表了当前可见区域的大小，也就是你浏览器所能看到的页面的那部分高度。
2. jQuery(document).height()则代表了整个文档的高度。

注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。

• $(window).scroll()和$(document).scroll()的区别

当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。两者在使用效果上区别不大，但所有浏览器基本都支持$(window).scroll()，但$(document).scroll()就不一定了。

 $(window).scroll(function () {
...
});

• $(window).scrollTop()和$(document).scrollTop()的区别

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置（即：即当前滚动的地方的窗口顶端到整个页面顶端的距离）。输入参数比如： $(window).scrollTop(100)，将垂直位置设置为100px;不输入参数比如： $(window).scrollTop()，返回匹配元素的滚动条的垂直位置。

$(window).scrollTop()和$(document).scrollTop()两者在使用效果上区别不大，但所有浏览器基本都支持前者，但后者就不一定了。

• $(document).scrollLeft() ：这是获取水平滚动条的距离
  

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

•  JavaScript forEach() 方法

​​​​​​​forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。

语法：array.forEach(function(currentValue, index, arr), thisValue)

array.forEach(function (one_news) {
            .....
          });