html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload

初衷

如今移动端站点越来越多，滚动到底部加载数据和下拉刷新的需求非常的常见，即使现在很多pc站点也会有这样的需求，比如百度首页就有。虽然简单的完成这么一个功能非常方便，但是滚动往往会成为性能的瓶颈，处理不好滚动很有可能会不流畅。既然很多页面和项目都需要，当然最需要有一个复用性高的插件。但是我却一直没找到特别好用的插件，有些需要依赖jquery，但貌似编写这样的插件时jquery并没有带来任何的便利。

Scrollload.js介绍

Scrollload是一个无依赖，体积极小(压缩+gzip后不到3k)，可配置性高(可以自定义加载时候动画，加载完后的dom，提前加载的距离)，可扩展性强大(很方便做到指定容器内的滚动，多tab的滚动,异常处理，刷新重新加载等)，性能好(在滚动的时候做了一些性能优化，如缓存window的高度，函数节流)的js插件。源码地址: https://github.com/fa-ge/Scro...

解决的痛点

无依赖，配置简单，有多套滚动加载效果可选(需要单独引入对应的css,当然也有默认效果)

支持下拉刷新

在ios中，全局滚动会有很多不好的体验，我认为是可以用局部滚动来替代全局的。局部滚动也会有几个坑，但都是可解决的，也就是说全局滚动的坑目前还很难解决。该插件内置局部滚动坑的解决方案，方便使用局部滚动替代全局滚动且无副作用。具体见ios局部滚动的坑及解决方案。

兼容性

不支持ie8及以下浏览器。

示例

安装

npm install scrollload --save

使用

如