@fekit/mc-lazyload

1.0.4 • Public • Published

MC-INVIEW

页面滚动时监听指定元素滚动到可视区域时播放动画

索引

演示

http://www.junbo.name/plugins/mc-inview

开始

下载项目:

npm i mc-inview

参数

el      {String}   选择器
theme   {String}   插件配套的动画主题
offset  {Number}   元素触发动画时的偏移量 0-1
once    {Number}   是否仅播放一次动画
on:{
    view  {Function}  显示时触发
    none  {Function}  隐去时触发
}

示例

import McInview from './mc-inview';

// 楼层埋点
new McInview({
  el: '.floor',
  on: {
    view(dom) {
      console.log(dom, '这个元素滚动到可视区了');
    }
  }
});

版本

v1.0.4 
1. 给懒加载的图片父级元素添加一个标误符用于控制在一些与图片平级元素的状态。
v1.0.2 
1. 重构核心代码,优化性能
v1.0.1
1. 此版本精简了代码,取消了onshow和onhide,回调合并为一个then,可以通赤then回调的传参来判断是显示还是消失及其它一些操作。

反馈

如果您在使用中遇到问题,请通过以下方式联系我。
QQ: 860065202
EMAIL: xiaojunbo@126.com

Readme

Keywords

Package Sidebar

Install

npm i @fekit/mc-lazyload

Weekly Downloads

0

Version

1.0.4

License

MIT

Unpacked Size

7.32 kB

Total Files

5

Last publish

Collaborators

  • liliguo
  • xiaojunbo