how to add animation slide-up and slide-down on TabPanel when changing tabs?
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 25/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Cần làm rõ
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- javascript, react
- Lĩnh vực
- frontend
Hướng nghiên cứu
Issue cung cấp một ví dụ jQueryScript và CSS tùy chỉnh cho .react-tabs__tab-panel--selected với @keyframes slideeffect; hãy bắt đầu bằng cách tái hiện việc chuyển tab trong react-tabs và so sánh hành vi slide-up/slide-down mong muốn. Không có tệp repository hoặc test nào được nêu tên, vì vậy maintainer cần làm rõ vị trí triển khai cụ thể và definition of done.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
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);
}
}
- Ngôn ngữ chính
- JavaScript
- Star
- 3.1k
- Fork
- 455
- Merge trung bình
- 5 giờ 9 phút
- Pull request đã merge (30 ngày)
- 2
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của reactjs/react-tabs
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 25/100
reactjs/react-tabs#584 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100
reactjs/react-tabs#581 · 3 bình luận ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
reactjs/react-tabs#571 ·
-
Support hiding of all TabPanels Đang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
reactjs/react-tabs#525 · 1 bình luận · 1 reaction ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
reactjs/react-tabs#521 · 3 bình luận ·
Tất cả issue của reactjs/react-tabs
Issue tương tự
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Improve Title Support Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·