react-stickynode:高性能和全面的React粘性组件

时间:2024-04-20 19:51:15
【文件属性】:

文件名称:react-stickynode:高性能和全面的React粘性组件

文件大小:276KB

文件格式:ZIP

更新时间:2024-04-20 19:51:15

react ui web react-sticky JavaScript

React粘性节点 高性能和全面的React粘性组件。 粘性组件将粘性目标包裹起来,并在用户滚动页面时将其保留在视口中。 大多数粘性组件会处理粘性目标比视口短的情况,但不适用于粘性目标比视口高的情况。 原因是预期的行为和实现要复杂得多。 react-stickynode不仅可以react-stickynode处理常规案例,还可以处理长粘性目标案例。 在正常情况下,向下滚动页面时, react-stickynode会react-stickynode在视口的顶部。 但是,对于更高的粘性目标,它将随页面滚动直到其底部到达视口的底部。 换句话说,向下滚动页面时,视口的底部看起来像将粘性目标的底部拉了下来。 另一方面,向上滚动页面时,视口顶部会将粘性目标的顶部向上拉。 此行为使高粘性目标中的内容有更多的机会被展示。 这对于许多AD处于正确轨道的情况特别有用。 另一个亮点是react-sti


【文件预览】:
react-stickynode-master
----.travis.yml(156B)
----.eslintrc(221B)
----index.js(43B)
----package.json(2KB)
----babel.config.json(149B)
----.github()
--------dependabot.yml(211B)
----tests()
--------functional()
--------unit()
--------helpers()
----package-lock.json(1.11MB)
----Gruntfile.js(7KB)
----src()
--------Sticky.jsx(17KB)
----.npmignore(142B)
----LICENSE.md(2KB)
----.gitignore(174B)
----README.md(6KB)
----.eslintignore(173B)

网友评论