文件名称:scrollama:使用IntersectionObserver进行滚动阅读
文件大小:151KB
文件格式:ZIP
更新时间:2024-03-18 20:22:03
scrollama.js Scrollama是一个现代且轻量级JavaScript库,用于使用进行滚动显示来支持滚动事件。 当前版本:2.2.1 重要变化 版本2.0.0+ :不赞成使用.onContainerEnter和.onContainerExit来支持CSS属性position: sticky; 。 版本1.4.0+ :您必须手动添加IntersectionObserver polyfill以支持跨浏览器。 有关详细信息,请参见。 为什么? 滚动讲述的实现起来可能很复杂,并且很难使表演变得出色。 该库的目的是为创建滚动驱动的交互提供一个简单的界面。 Scrollama通过使用处理元素位置检测来专注于性能。 例子 注意:这些示例大多数使用D3来保持代码简洁,但这可以与任何库一起使用,也可以完全不与库一起使用。 -只是一步触发 -增量步骤进度回调 -使用CSS posi
【文件预览】:
scrollama-master
----.eslintrc(436B)
----rollup.config.js(634B)
----src()
--------debug.js(2KB)
--------dom.js(431B)
--------init.js(16KB)
----LICENSE(1KB)
----build()
--------scrollama.min.js(7KB)
--------scrollama.js(19KB)
----README.md(9KB)
----index.d.ts(1KB)
----docs()
--------mobile-pattern()
--------index.html(159B)
--------progress()
--------basic()
--------stickyfill.min.js(6KB)
--------scrollama.min.js(7KB)
--------sticky-overlay()
--------logo.png(28KB)
--------sticky-side()
--------style.css(2KB)
----.gitignore(40B)
----index.js(56B)
----.npm-ignore(69B)
----package.json(1KB)
----dev()
--------index.html(5KB)
--------fixed-js.html(6KB)
--------enable-disable.html(5KB)
--------d3.v4.min.js(215KB)
--------overflow-scroll-error.html(6KB)
--------multiple.html(6KB)
--------progress.html(5KB)