react-on-visible:当元素在浏览器视口中时,将组件类应用到容器的React组件

时间:2024-05-18 21:00:31
【文件属性】:

文件名称:react-on-visible:当元素在浏览器视口中时,将组件类应用到容器的React组件

文件大小:11KB

文件格式:ZIP

更新时间:2024-05-18 21:00:31

JavaScript

已归档此模块不再维护。 现在,使用可以更轻松,更有效地实现许多这种行为,从而使该组件有些多余。 感谢所有的贡献者和用户! 2021年4月 ReactOnVisible组件 现场演示 实时示例: : 描述 这是适用CSS类的部件visible ,当元件由默认变得大于50%,在浏览器窗口可见的容器。 它仅附加到客户端上的浏览器事件,因此也可以安全地用于服务器呈现。 视口可见性是通过侦听去抖动的窗口滚动事件(10毫秒)来计算的,一旦发现该元素可见,除非将bounce属性设置为true,否则不会应用进一步的更改。 原料药 percent -数字 触发更改之前应该可见的元素的百分比(基于100)。 例如, percent={80} visibleClassName字符串 可见后应添加到元素的ClassName onChange功能 可见性更改时回调。 参数是布尔值,对于可见项为true对于非


【文件预览】:
react-on-visible-master
----.gitignore(149B)
----.babelrc(101B)
----package.json(2KB)
----src()
--------index.js(3KB)
--------lib()
----.travis.yml(34B)
----LICENSE(1KB)
----.github()
--------FUNDING.yml(82B)
----.eslintrc.js(7KB)
----README.md(4KB)
----demo()
--------index.js(2KB)
--------index.html(3KB)
----.npmignore(6B)
----.editorconfig(42B)
----index.d.ts(452B)

网友评论