ChatGPT Question Navigation Sidebar v2

Lấy cảm hứng từ "ChatGPT Question Navigation sidebar" của okokdi, nhưng viết lại hoàn toàn bằng mã mới — siêu nhanh, mượt nhẹ, hiệu ứng đẹp vượt trội (Inspired by "ChatGPT Question Navigation sidebar" by okokdi, entirely rewritten with new code — ultra-fast, lightweight, with significantly improved, elegant effects.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

نووسەر
Pi Troy
Daily installs
0
Total installs
10
Ratings
0 0 0
وەشان
2.1
Created
2025-08-08
Updated
2025-08-10
Size
25.1 KB
مۆڵەت
نییە
Applies to

Thanh điều hướng (sidebar) các câu hỏi trong cuộc trò chuyện ChatGPT — gọn nhẹ, cực kỳ mượt mà và đẹp mắt.

Tính năng nổi bật

  • Hiển thị và đánh số thứ tự tất cả các câu hỏi của cuộc trò chuyện, nhấn vào câu hỏi nào sẽ tự động di chuyển tới câu hỏi đó
  • Thu gọn thông minh: khi không hoạt động, sidebar sẽ tự thu gọn và làm mờ
  • Nhấn giữ nút icon (mặc định ✮⋆˙) để di chuyển lên xuống sidebar
  • Mượt mà & đẹp mắt: hiệu ứng glassmorphism, animation trơn tru và mượt mà.

Tùy chỉnh (ngay đầu file)

  • COLLAPSED_OPACITY: chỉnh độ trong suốt khi thu gọn (0–1).
  • TOGGLE_ICON_HTML: thay icon (emoji) của nút kéo/toggle.
  • RIGHT_OFFSET_PX, TOP_MIN_MARGIN, BOTTOM_MIN_MARGIN: tinh chỉnh vị trí.

Script được lấy cảm hứng từ “ChatGPT Question Navigation sidebar” của okokdi nhưng viết lại nhanh, nhẹ, đẹp hơn. Xin cảm ơn tác giả đã có một ý tưởng tuyệt vời!

✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙✮⋆˙

A lightweight, ultra-smooth, and beautifully designed sidebar for navigating ChatGPT conversation questions.

Key Features

- Displays and numbers every question in the conversation; clicking on any question jumps directly to it

- Smart collapse: when idle, the sidebar automatically retracts and fades out

- Press-and-hold the icon button (default: ✮⋆˙) to scroll the sidebar up or down

- Sleek design & animations: glassmorphism effects with smooth, fluid transitions

Customization (at the top of the file)

COLLAPSED_OPACITY: adjust sidebar transparency when collapsed (range 0–1)

TOGGLE_ICON_HTML: customize the toggle/pull button icon (emoji)

RIGHT_OFFSET_PX, TOP_MIN_MARGIN, BOTTOM_MIN_MARGIN: fine-tune sidebar positioning

Inspired by “ChatGPT Question Navigation sidebar” by okokdi—but completely rewritten with fresh code for faster performance, lighter footprint, and enhanced aesthetics. Huge thanks to the original author for the brilliant idea!