New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

@fekit/mc-lazyload

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fekit/mc-lazyload

滚动到可视区域时播放动画

latest
Source
npmnpm
Version
1.0.4
Version published
Weekly downloads
0
-100%
Maintainers
1
Weekly downloads
 
Created
Source

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

Keywords

lazyload

FAQs

Package last updated on 24 May 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts