文件名称：beautify-scroll:一个简单的库，可让您在元素进入视口时对其进行动画处理
文件大小：68KB
文件格式：ZIP
更新时间：2024-05-28 20:32:14
javascript css animation scroll intersection-observer
美化滚动-滚动上的动画元素 一个简单的库，可让您在元素进入视口时对其进行动画处理 安装 npm i beautify-scroll --save-dev 用法 基本的 BeautifyScroll . init ( { selector : '.items' } ) 默认情况下，这会将项目包装在 ，然后在视口中查看相交的元素。 当一个元素离开视口时，将向其中添加一个类，该类将用于我们的过渡，默认情况下为.scroll-animated 。 您可以*定义使用的转换，这是演示转换： . scroll-animated { opacity : 0 ; transform : translate3d ( 0 , 50 % , 0 ); } 不要忘了为您的商品添加过渡，这是演示过渡： . items { transition : all .5
【文件预览】：
beautify-scroll-master
----webpack.config.js(938B)
----src()
--------app.js(729B)
--------index.js(4KB)
----demo()
--------index.html(2KB)
----LICENSE.md(1KB)
----README.md(2KB)
----dist()
--------index.js(11KB)
----.gitignore(18B)
----package-lock.json(226KB)
----package.json(875B)