AOSSIE-Org / AOSSIE-Org/OrgExplorer

[FEATURE]: Add a Back to Top button

Đang mở
#170 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
enhancement
Ngôn ngữ chính
JavaScript
Star
34
Fork
92
Merge trung bình
8 ngày 7 giờ
Pull request đã merge (30 ngày)
12

Mô tả

### Feature and its Use Cases

## Feature Description

Add a "Back to Top" button that appears when users scroll down the page.

The button should allow users to quickly return to the top of the page by clicking it. The page should scroll back to the top smoothly.

## Use Cases

- Users can quickly return to the top of long pages without manually scrolling.
- It improves navigation and overall user experience.
- It is especially useful on pages with a large amount of content.
- The button can appear after the user has scrolled down a certain distance and remain hidden when the user is already near the top.

### Additional Context

A reusable Back to Top component could be implemented so that it can be used across pages where long scrolling is required.

The button should follow the existing UI design and remain unobtrusive. It should also work properly on both desktop and mobile screens.

The scroll behavior should be smooth when the user clicks the button.

### Code of Conduct

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start by locating the page layout and existing UI components or styles used across OrgExplorer, then check how long pages behave on desktop and mobile. Add a reusable Back to Top component that appears after scrolling, stays hidden near the top, follows the existing design, and returns users smoothly to the top when clicked.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
javascript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Ít trao đổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
55/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.