scrollzzz:使用IntersectionObserver在浏览器中轻松进行滚动驱动的交互

时间:2024-06-15 04:25:54
【文件属性】:

文件名称:scrollzzz:使用IntersectionObserver在浏览器中轻松进行滚动驱动的交互

文件大小:66KB

文件格式:ZIP

更新时间:2024-06-15 04:25:54

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)

网友评论