zoukankan      html  css  js  c++  java
  • 项目遇到的问题总结(二):移动端上拉滑动加载数据

    mounted里面    
    window.addEventListener("scroll", this.handleScroll);
    方法里面

    handleScroll() {
          let innerHeight = document.querySelector("#app").clientHeight;
          let outerHeight = document.documentElement.clientHeight;
    
          let scrollTop =document.documentElement.scrollTop ||window.pageYOffset ||document.body.scrollTop;
    
          console.log(innerHeight, outerHeight, scrollTop, "fuckyou");
          if (outerHeight + scrollTop > innerHeight) {
            this.formData.page++;
            // 调接口数据
            this.loadData();
          }
    
          sessionStorage.setItem("pos", scrollTop);
        },

    我遇到bug的是,苹果6Plus中

    没法滑动,解决办法是点击或滑动查看更多,接口返回只有4条数据,高度撑不开的时候没法滑动,scroll不生效

    点击之后,接口一掉,然后就可以滑动了我草啊;

  • 相关阅读:
    求解答可用性测试记
    Teambition可用性测试记
    海丁网可用性测试记
    go语言的切片
    go语言的数组
    go语言的函数
    go语言的接口
    go语言的结构体
    go语言的flag
    创建二叉树和三种遍历
  • 原文地址:https://www.cnblogs.com/myfirstboke/p/11314094.html
Copyright © 2011-2022 走看看