show.js

一个html的js库，能够在元素出现在视口的时候添加class，执行动画，也能够监视一个元素，当元素出现在视口的时候执行回调函数

useage

<!-- html -->
<div class="show">
<div>

// JavaScript
import {Show} from 'showjs'
//添加元素动画
new Show()
/**
 * selector: string = 'show'  默认的元素元素选择器
 * enterClass: string = 'animate__animated animate__flash' 默认的出现动画
 * leaveClass: string = 'animate__animated animate__swing' 默认的离开动画
 * options?: IntersectionObserverInit IntersectionObserver的配置，不传则使用默认配置
 * 
 */
//监听元素出现
new Show().listen(options:object)
/**
 * options: IntersectionObserverInit & { selector: string | Element[]; callback?: Function }
 * IntersectionObserverInit 同上，不传则使用默认
 * selector 监视元素class或Element[] 必传
 * callback 当监视的元素出现在页面时的回调函数
 */

//

Install

npm i @sakurasz/show.js

or if you'd like to use yarn

yarn add @sakurasz/show.js