文件名称:react-slidedown:React组件,该组件使用CSS从当前高度到{
文件大小:59KB
文件格式:ZIP
更新时间:2024-05-22 09:47:22
TypeScript
React下滑 React组件使用CSS从当前高度到height: auto为子代设置动画height: auto安装/更新/卸载时为height: auto 。 概述 CSS当前不支持将元素的高度设置为height: auto ,因此通常使用javascript实现此效果。 该组件使用CSS来执行动画,并遵循一种算法()。 计算出所需的元素高度,然后使用css转换该高度。 过渡完成后,将高度设置为height: auto 。 react-slidedown非常适合内容大小不同的下拉列表,弹出菜单,手风琴和可关闭面板。 我不知道IE10及以后的任何跨浏览器问题。 安装 npm install react-slidedown --save 用法 只需用SlideDown组件包装要滑动的组件: import React from 'react' import { SlideDown }
【文件预览】:
react-slidedown-master
----.vscode()
--------launch.json(688B)
----lib()
--------slidedown.tsx(5KB)
--------slidedown.css(249B)
----.travis.yml(90B)
----example()
--------index.html(580B)
--------index.tsx(190B)
--------bundle.css(101B)
--------main.css(611B)
--------main.tsx(2KB)
--------dropdown.tsx(1KB)
----tsconfig.json(390B)
----LICENSE(1KB)
----test()
--------slidedown-tests.tsx(10KB)
--------slidedown-tests.css(139B)
----README.md(3KB)
----.gitignore(157B)
----karma.conf.js(494B)
----package-lock.json(197KB)
----package.json(2KB)