how to add animation slide-up and slide-down on TabPanel when changing tabs?
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 25/100
- Issue 类型
- 功能
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript, react
- 领域
- frontend
调研方向
该 issue 提供了一个 jQueryScript 示例，以及用于 .react-tabs__tab-panel--selected 的自定义 CSS，其中包含 @keyframes slideeffect；首先在 react-tabs 中复现一次选项卡切换，并比较所需的 slide-up/slide-down 行为。没有指定 repository 文件或测试，因此需要 maintainer 明确具体的实现位置和 definition of done。
由索引模型根据 Issue 内容生成。
描述
I want something like this but automatically slide when changing tabs
I already add custom css, but it seems not like I wanted
here's my css
.react-tabs__tab-panel--selected {
animation: slideeffect 500ms ease-out;
opacity: 1;
}
@keyframes slideeffect {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
- 主要语言
- JavaScript
- 星标
- 3.1k
- 派生
- 455
- 平均合并
- 5 小时 9 分钟
- 30 天内合并 PR
- 2
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
reactjs/react-tabs 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 25/100
reactjs/react-tabs#584 ·
-
难度 2/5 1-3 小时 新手友好度 45/100
reactjs/react-tabs#581 · 3 条评论 ·
-
难度 3/5 1-2 天 新手友好度 35/100
reactjs/react-tabs#571 ·
-
难度 4/5 3-5 天 新手友好度 35/100
reactjs/react-tabs#525 · 1 条评论 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 35/100
reactjs/react-tabs#521 · 3 条评论 ·
查看 reactjs/react-tabs 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 65/100
-
难度 2/5 1-3 小时 新手友好度 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id 未关闭bug
难度 2/5 1-3 小时 新手友好度 75/100
nightscout/nocturne#1414 ·
-
bug v2
难度 2/5 1-3 小时 新手友好度 75/100
modelcontextprotocol/inspector#2458 · 1 条评论 ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
难度 2/5 1-3 小时 新手友好度 70/100
carbon-design-system/ibm-products#9907 ·