文件名称：scrollify:触发滚动简单动作
文件大小：667KB
文件格式：ZIP
更新时间：2024-05-23 23:23:49
parallax effects scroll scrollify JavaScript
滚动 滚动。 做事滚动。 缩小并压缩3KB。 没有依赖关系； 您不需要jQuery； 您不需要TweenMax。 什么样的事情？ 好吧，随便你想要什么。 诸如视差或切换类的开/关等常见效果都是可能的，并且捆绑在其中。 但是，您也可以轻松创建自己的自定义滚动功能，并将其传递给Scrollify。 内置效果包括： 粘贴：将元素粘贴到特定点并在其中保留预定数量的像素。 视差：在滚动条上移动内容。 一种微妙的效果，它比用户滚动的速度更慢（或更快）地转换元素。 切换：如果元素超过页面上的特定阈值，则打开或关闭CSS类。 平移：沿X轴或Y轴平移元素。 旋转：通过滚动旋转元素。 缩放：缩放一个元素。 淡入淡出：更改元素的不透明度。 笔记 Scrollify的工作原理是首先计算元素在页面中的位置，以便可以在滚动时对其进行操作。 重要的是要注意，随着页面的加载，此位置可能会随着DOM的构建
【文件预览】：
scrollify-master
----.eslintrc(449B)
----rollup.config.js(347B)
----src()
--------effects.js(6KB)
--------utils.js(991B)
--------scrollify.js(8KB)
--------matrix.js(7KB)
--------index.js(292B)
--------easings.js(5KB)
----demo()
--------index.html(34KB)
--------styles.css(2KB)
--------prism.js(8KB)
--------images()
----LICENSE(1KB)
----test()
--------scrollify.spec.js(167B)
----README.md(3KB)
----dist()
--------scrollify.es6.js(28KB)
--------scrollify.js(30KB)
--------scrollify.cjs.js(28KB)
----.gitignore(35B)
----package-lock.json(124KB)
----package.json(927B)