zoukankan      html  css  js  c++  java
  • 下拉加载dropload.js

    使用下拉加载

    使用需要引用的css

    <link rel="stylesheet" href="../dist/dropload.css">

    使用需要引用的js

    <!-- jQuery1.7以上 或者 Zepto 二选一,不要同时都引用 -->
    <script src="js/zepto.min.js"></script>
    <script src="../dist/dropload.min.js"></script>

    使用方法:网上有很多再次就不展开了

    主要记录一下bug以及修改

    1.bug:刚进去页面的时候出现上拉加载字样,然后上拉页面才会出现加载中...

    理想效果:刚进来页面直接是加载中...字样

    bug原因以及修改:原因是给本区域的最外层div设置了高度,把设置的高度去掉就可以了。还有一个原因可能是提前加载距离threshold:50   数字可以大一点,修改为100。 

    2.由于部分Android中UC和QQ浏览器头部有地址栏,并且一开始滑动页面隐藏地址栏时,无法触发scroll和resize,所以会导致部分情况无法使用。

    解决方案1:增加distance距离,例如DEMO2中distance:50;

    解决方案2:加meta使之全屏显示

    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">

     
  • 相关阅读:
    linux安装jenkins
    linux安装python3.8
    python类继承多态
    python字典排序
    第一篇
    第十一周编程总结
    2019春第十周作业
    2019年寒假作业1
    2019年寒假作业3
    学期总结
  • 原文地址:https://www.cnblogs.com/wanan-01/p/7742947.html
Copyright © 2011-2022 走看看