react-slide-toggle:React组件对jQuery.slideToggle功能的重新实现

时间:2024-06-03 11:02:51
【文件属性】:

文件名称:react-slide-toggle:React组件对jQuery.slideToggle功能的重新实现

文件大小:233KB

文件格式:ZIP

更新时间:2024-06-03 11:02:51

react animation toggle collapsible ease

关于 React版本的jQuery.slideToggle。 在每个requestAnimationFrame上设置高度JavaScript动画。 在移动过程中,拨动方向可以反转。 如果您正在寻找基于CSS过渡的替代方法,请改用此方法 支持的React版本 React版本16.0+ 演示 示例 示例 尺寸 UMD最小尺寸〜7.8Kb(压缩后的〜2.5Kb) 设置/本地演示 git克隆或下载 npm安装 npm开始 信息 默认缓动为cubicInOut。 您可以在移动完成之前反转切换。 当使用反向切换时,缓入缓出在视觉上效果最好。 这应该是A11Y友好的,您可以通过制表键来测试tabindex。 由于使用display:none(惰性功能),因此应跳过折叠的项目 JS动画可用于最佳动画控制,并可以添加插值或使用高级缓动配置,而CSS不能单独使用。 这将触发浏览器在每个requestAni


【文件预览】:
react-slide-toggle-master
----.gitignore(301B)
----rollup-plugins()
--------sizes-plugin.js(486B)
----package.json(4KB)
----src()
--------development-entry.js(357B)
--------library()
--------demo()
--------validate-entry.js(323B)
--------test()
----webpack.config.js(5KB)
----postcss.config.js(63B)
----LICENSE(1KB)
----CHANGELOG.md(2KB)
----.env(15B)
----rollup.config.js(2KB)
----.eslintrc.js(163B)
----README.md(9KB)
----.eslintignore(60B)
----.vscode()
--------settings.json(762B)
----babel.config.js(575B)
----uglify.config.json(320B)
----.npmignore(10B)
----yarn.lock(559KB)

网友评论