插件名称:dropload.js
GitHub:https://github.com/ximan/dropload
依赖:jQuery1.7以上(http://code.jquery.com/jquery-3.2.1.js)
使用方法:
<link rel="stylesheet" href="../dist/dropload.css">
<script src="../dist/dropload.min.js"></script>
$('.element').dropload({
scrollArea : window,
loadDownFn : function(me){
},
loadUpFn:function(){
}
});
参数列表 (options):见Github
由于部分Android中UC和QQ浏览器头部有地址栏,并且一开始滑动页面隐藏地址栏时,无法触发scroll和resize,所以会导致部分情况无法使用。解决方案1:增加distance距离,例如DEMO2中distance:50;解决方案2:加meta使之全屏显示
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">