@tianmingda/lazyshow
v1.0.1
Published
滑动页面时,判断元素是否进入可视区域,如果进入则加上开发者自己定义的className,可以在这个className里写上动画
Downloads
3
Readme
lazyShow
滑动页面时,判断元素是否进入可视区域,如果进入则加上开发者自己定义的className,可以在这个className里写上动画
示例
使用
import lazyShow from '@tianmingda/lazyshow';
let options = [
{el:document.querySelector('.pv'),activeClass:'fadeIn',offset:0},
{el:document.querySelector('.slogan'),activeClass:'fadeIn',offset:0},
{el:document.querySelector('.pcr-theme .exchange'),activeClass:'bounceInRight',offset:-30},
{el:document.querySelector('.title-news'),activeClass:'fadeIn',offset:150}
];
new lazyShow(options);
el是元素对象,activeClass是进入可视区域后加入的类名,offset是偏移量,即距离进入可视区域偏移多少。