light-scroll
轻量级的移动端滚动插件
Last updated 10 months ago by hansenlee .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install light-scroll 
SYNC missed versions from official npm registry.

Light-Scroll

一款轻量级的h5滚动插件,将自己平时项目里写的代码整合而来的,后续会逐渐支持更多功能。

开发进度以及功能

  • 完成LScroll基础的架构以及事件模型
  • 支持上拉加载更多
  • 支持下拉刷新(提供了一种默认的动画效果--配合svg和canvas)

使用方式


npm install light-scroll

js里引用


import LScroll from 'light-scroll'

/**
 * 实例化
 * @param {String|DOM} el - 容器的DOM或者是样式‘.xxx’
 * @param {Object} options - 配置项
 */
var scroll = new LScroll(el, { ... })

配置项说明

配置参数

session - 表示是否开启浏览定位缓存功能

pullUpLoad default: false - 表示是否开启上拉加载更多

pullDownRefresh default: false - 表示是否开启下拉刷新

对外事件监听


// 触发加载更多事件监听
scroll.on('loadMore', function() {})

// 触发刷新事件监听
scroll.on('refresh', function() {})

// 拖拽出现下拉刷新时的touch事件
scroll.on('touchMove', function() {}))

在线实例DEMO

扫一扫看示例

http://lscroll.libin.site/example/list

Current Tags

  • 1.1.3                                ...           latest (10 months ago)

5 Versions

  • 1.1.3                                ...           10 months ago
  • 1.1.2                                ...           10 months ago
  • 1.1.1                                ...           a year ago
  • 1.1.0                                ...           a year ago
  • 1.0.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 6
Last Day 0
Last Week 6
Last Month 2
Dev Dependencies (64)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |