zoukankan      html  css  js  c++  java
  • 页面滚动到底部加载更多分页

    
    
    // 通常写法
    window.onscroll = function (e) { /* 判断是否滚到最下面 */ /* 如果已经滚到最下面则执行某个操作 */ var e =e || window.event; // 为了兼容谷歌和火狐 document.body.scrollTop是谷歌上的 /* 滚动条的垂直位置 */ var scrolltop = document.documentElement.scrollTop||document.body.scrollTop; /* 整个页面的正文高度 */ var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight; /* 可见区域高度 */ var clientHeight = document.documentElement.clientHeight||document.body.clientHeight; /* 当scrolltop加clientHeight 等于scrollHeight */ if(scrollHeight === (scrolltop+clientHeight)){ loadmore(); } }

    // 特定区域元素
    handleScroll() {
    // -160 去掉非可视List内容区高度 var scrollTop = this.answerRef.scrollTop; // 滚动条溢出高度 var windowHeight = (document.documentElement.clientHeight - 160) || (document.body.clientHeight - 160); // 可视窗口高度 var scrollHeight = this.answerRef.scrollHeight; // 滚动内容高度 // console.log(scrollTop, windowHeight, scrollHeight) if (scrollTop + windowHeight == scrollHeight) {this.pageInfo.pageNum++; return false; } },

    this.$nextTick(() => {
    this.answerRef = this.$refs.answer;
    window.addEventListener("scroll", this.handleScroll, true);
    })
     
  • 相关阅读:
    int len=50;len = Integer.valueOf(str.substring(j+1)).intValue()
    session创建问题
    beginner3
    begineer2
    好博客1
    Struts2之两个Action传值和不传值的struts.xml文件配置
    什么是超融合 To
    Python赢得TIOBE 2010年度语言大奖 狼人:
    WPS/WESB绑定:玩转EJB绑定 狼人:
    10个奇幻的HTML5和Javascript效果 狼人:
  • 原文地址:https://www.cnblogs.com/jiaqi1719/p/13728153.html
Copyright © 2011-2022 走看看