zoukankan      html  css  js  c++  java
  • 关于H5判定区域里面滑动到底部,加载更多的总结

    1、如何判定H5中滑动到底部,然后加载更多的功能实现。

    思路:我们需要设定一个固定高度的盒子,然后我们利用scroll来监听滚动,当scrollTop(滚动的距离) + clientHeight(页面的设定的高度) >= scrollHeight(页面内容总高度)

    这样我们就可以判定页面内容滑动到底部了,然后加载更多数据。

     $("#Box").scroll(function () {
             let scrollTop = document.getElementById("Box").scrollTop;
              let clientHeight = document.getElementById("Box").clientHeight;
              let scrollHeight = document.getElementById("Box").scrollHeight;
            if (scrollTop + clientHeight >= scrollHeight) {
                console.log("滑到底了")
          }
      })

    以上,完毕。

    另外:算自适应的高度,正确的做法是:

    let mywidth = document.body.clientWidth;
    let myheight = document.body.clientHeight - mywidth / 750 * 100;
  • 相关阅读:
    详解 注解
    线段树分治
    实用Trick
    CF932F(李超线段树+dp)
    CF24D Broken robot(高斯消元)
    LCT学习笔记
    [HNOI2008]GT考试
    [AHOI2009]中国象棋
    [APIO2012]派遣
    CF961G Partitions
  • 原文地址:https://www.cnblogs.com/teamemory/p/10855179.html
Copyright © 2011-2022 走看看