js实现上拉加载，下拉刷新。

[㊣ Dearia丶简简单单]

我是小白，这个功能一直蒙的状态，大佬有么有思路，简单点的代码，谢谢老师

[NANU-NANA]

var lastScrollTop = window.pageYOffset || document.documentElement.scrollTop;
element.addEventListener("scroll", function(){
   var st = window.pageYOffset || document.documentElement.scrollTop;
   if (st > lastScrollTop){
      // downscroll code: load
   } else {
      // upscroll code: update
   }
   lastScrollTop = st <= 0 ? 0 : st; 
}, false);

请及时结帖

[㊣ Dearia丶简简单单]

引用 1 楼 NANU-NANA的回复:

var lastScrollTop = window.pageYOffset || document.documentElement.scrollTop;
element.addEventListener("scroll", function(){
   var st = window.pageYOffset || document.documentElement.scrollTop;
   if (st > lastScrollTop){
      // downscroll code: load
   } else {
      // upscroll code: update
   }
   lastScrollTop = st <= 0 ? 0 : st; 
}, false);

请及时结帖

element就是外层的盒子对吗，那上拉加载获取的数据怎么显示，只要有数据显示10条

[NANU-NANA]

加载数据，如果你用framework，就自己看api。 如果什么framework都不用，就用ajax。

   var xhr = new XMLHttpRequest();
   xhr.open(methodType, url, true);
   xhr.send();
   xhr.onreadystatechange = function(){
     if (xhr.readyState === 4){
        if (xhr.status === 200){
           console.log("xhr done successfully");
           var resp = xhr.responseText;
           var respJson = JSON.parse(resp);
        } else {
          console.log("xhr failed");
        }
     } else {
        console.log("xhr processing going on");
     }
  }

[㊣ Dearia丶简简单单]

引用 3 楼 NANU-NANA的回复:

加载数据，如果你用framework，就自己看api。 如果什么framework都不用，就用ajax。

   var xhr = new XMLHttpRequest();
   xhr.open(methodType, url, true);
   xhr.send();
   xhr.onreadystatechange = function(){
     if (xhr.readyState === 4){
        if (xhr.status === 200){
           console.log("xhr done successfully");
           var resp = xhr.responseText;
           var respJson = JSON.parse(resp);
        } else {
          console.log("xhr failed");
        }
     } else {
        console.log("xhr processing going on");
     }
  }

好谢谢大神！！！！！！

[go_5656566]