how to add animation slide-up and slide-down on TabPanel when changing tabs?
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 25/100
- issue の種類
- 機能追加
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- javascript, react
- 領域
- frontend
調査の方向性
この issue には、@keyframes slideeffect を使用する .react-tabs__tab-panel--selected 用の jQueryScript の例とカスタム CSS が示されています。まず react-tabs でタブの切り替えを再現し、期待される slide-up/slide-down の動作と比較してください。リポジトリ内のファイルやテストは指定されていないため、具体的な実装箇所と definition of done については maintainer に確認が必要です。
索引モデルが 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分
- マージ済み PR（30日）
- 2
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- 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 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
reactjs/react-tabs#521 · コメント 3 件 ·
reactjs/react-tabs の issue をすべて見る
似ている issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·