react-auto-height:动画的高度

时间:2024-05-24 22:07:06
【文件属性】:

文件名称:react-auto-height:动画的高度

文件大小:2.56MB

文件格式:ZIP

更新时间:2024-05-24 22:07:06

JavaScript

自动高度 一个对height: auto进行动画处理的React组件height: auto使用CSS过渡,在更改其子元素的内容时height: auto为其子元素。 浏览器不支持从高度和宽度到auto值的转换,请参阅W3C问题进行讨论。 该组件实现了一个受JavaScript技术启发的变通方法。 仅当您拥有真正的动态内容而没有确定的高度值时,才使用。 性能方面的考虑因素很小(当评估为CSS过渡本身的补充时,性能考虑因素很小)-在将进行重新渲染的第一个DOM绘制之后,此组件将导致多次浏览器重排,以计算实际高度,并然后CSS过渡就会开始(对于每个AutoHeight,在YMMV上,估计在桌面上约为1毫秒)。 安装 npm i react-auto-height # or yarn add react-auto-height 用法 import AutoHeight from 'react


【文件预览】:
react-auto-height-master
----.nvmrc(9B)
----.babelrc(62B)
----stories()
--------index.jsx(9KB)
--------index.css(513B)
----.storybook()
--------config.js(280B)
----docs()
--------vendors~main.a960c5963af063da1b3b.bundle.js.LICENSE.txt(2KB)
--------runtime~main.a960c5963af063da1b3b.bundle.js(3KB)
--------vendors~main.a960c5963af063da1b3b.bundle.js.map(170B)
--------vendors~main.f1b715064964eff4e92f.bundle.js(2.38MB)
--------vendors~main.a960c5963af063da1b3b.bundle.js(814KB)
--------vendors~main.f1b715064964eff4e92f.bundle.js.LICENSE.txt(3KB)
--------main.a960c5963af063da1b3b.bundle.js(21KB)
--------index.html(2KB)
--------main.1d235a083d86a700e6b0.bundle.js(361B)
--------runtime~main.a960c5963af063da1b3b.bundle.js.map(169B)
--------main.a960c5963af063da1b3b.bundle.js.map(153B)
--------iframe.html(4KB)
--------favicon.ico(1KB)
--------runtime~main.870e8ee0658e83d05c6b.bundle.js(3KB)
----package.json(1KB)
----.prettierrc(87B)
----LICENSE(1KB)
----src()
--------index.jsx(5KB)
--------assets()
--------index.css(93B)
----.npmignore(33B)
----react-auto-height-in-action.gif(1.81MB)
----.gitignore(21B)
----webpack.config.js(559B)
----.npmrc(37B)
----README.md(1KB)
----yarn.lock(384KB)
----build()
--------index.js(6KB)
--------index.js.LICENSE.txt(99B)

网友评论