【文件属性】:
文件名称:scrollzzz:使用IntersectionObserver在浏览器中轻松进行滚动驱动的交互
文件大小:66KB
文件格式:ZIP
更新时间:2021-05-26 10:39:14
scrolling scroll trigger viewport scrollytelling
滚动条
轻巧,快速,零依赖的程序包,该程序包使用观察元素何时与视口内的(触发)边界线相交。
为什么
轻松在浏览器中创建滚动驱动的交互,而不会导致性能过载。
主要特征
您可以访问:
滚动方向
元素相对于触发器的位置
相对于目标顶部边界的完成百分比
原始的IntersectionObserver条目
你也可以:
取消观察目标
更改IntersectionObserver.root
断开IntersectionObserver的连接
和更多。
安装
NPM
npm install --save scrollzzz
CDN
< script src =" https://unpkg.com/scrollzzz/dist/scrollzzz.iife.min.js " > </ script >
快速开始
const observe_box = scrollzzz ( {
ta
【文件预览】:
scrollzzz-master
----rollup.config.js(2KB)
----docs()
--------unobserve()
--------multiple-triggers()
--------change-root()
--------progress()
--------index.html(5KB)
--------overlap()
--------scrollzzz.iife.js(14KB)
--------progress-overlap()
--------main.css(2KB)
----package.json(1KB)
----LICENCE(1KB)
----.github()
--------FUNDING.yml(677B)
----api.md(3KB)
----package-lock.json(22KB)
----dist()
--------scrollzzz.umd.js(14KB)
--------scrollzzz.iife.min.js(4KB)
--------scrollzzz.cjs.js(13KB)
--------scrollzzz.iife.js(14KB)
--------scrollzzz.esm.js(13KB)
--------scrollzzz.umd.min.js(4KB)
--------scrollzzz.esm.min.js(4KB)
--------scrollzzz.cjs.min.js(4KB)
----src()
--------index.js(11KB)
--------utils()
----.npmignore(31B)
----.gitignore(29B)
----README.md(3KB)