使用jQuery或者原生js实现鼠标滚动加载页面新数据

 $(window).scroll(function () {    var scrollTop = $(this).scrollTop();    var scrollHeight = $(document).height();    var windowHeight = $(this).height();    if (scrollTop + windowHeight == scrollHeight) {   //此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作//var page = Number($("#redgiftNextPage").attr('currentpage')) + 1;//redgiftList(page);//$("#redgiftNextPage").attr('currentpage', page + 1);    }  });

window.onscroll = function() {    var scrollTop = document.body.scrollTop;    var offsetHeight = document.body.offsetHeight;    var scrollHeight = document.body.scrollHeight;    if (scrollTop == scrollHeight - offsetHeight) {     page++;     loadList(page);    }   };   function loadList(page) {    page = page || 1;     if (isLoad) {     getJSON('/forum.php?mod=hot&page=' + page).then(function(data) {      if (data.code == 200) {       data = data.data;       if (data && Object.keys(data).length > 0) {        for (var k in data) {         var v = data[k];         detailTemplate = detailTemplate.cloneNode(true);         var userInfoObj = detailTemplate.getElementsByClassName('user-info')[0];         userInfoObj.getElementsByClassName('name')[0].innerText = v.author;         userInfoObj.getElementsByClassName('avatar')[0].src = v.avatar;         userInfoObj.getElementsByClassName('post-time')[0].innerHTML = v.lastpost;         detailTemplate.getElementsByClassName('title')[0].innerText = v.subject;         detailTemplate.getElementsByClassName('desc')[0].innerText = v.subject;         var extInfoObj = detailTemplate.getElementsByClassName('ext-info')[0];         extInfoObj.getElementsByClassName('from')[0].innerText = v.fname;         extInfoObj.getElementsByClassName('view-time')[0].innerText = v.views;         postListObj.appendChild(detailTemplate);        }       } else {        isLoad = false;       }      } else {       isLoad = false;      }     }, function(status) {      console.log('Something went wrong, status is ' + status);     });    }   }