# spent way too much time on this scrollbar on my website

[Reference page](https://posts.design/peng-zheng-spent-way-too-much-time-on-2026-10-17) · [Markdown](https://posts.design/peng-zheng-spent-way-too-much-time-on-2026-10-17.md) · [Original source](https://x.com/pengzheng_/status/2111568835316969732)

spent way too much time on this scrollbar on my website\.

\- long ticks are months, short ticks are dates
\- snaps to your cursor
\- click to jump, drag to scrub
\- long\-press to open a focus ring
\- satisfying ratchet clicks
\- touch friendly on mobile

go break it

- Kind: post
- Media: video
- Posting account: Peng Zheng · @pengzheng\_
- Account: [pengzheng\_](https://x.com/pengzheng_)
- Source published: 2026\-10\-17T21:23:36\.000Z
- Captured: 2026\-10\-17
- Added to posts.design: 2026\-10\-17T22:57:07\.853Z
- Recorded views: 3714 · captured 2026\-10\-17T22:56:52\.793Z · import\-observed\-public

![Peng Zheng: spent way too much time on this scrollbar on my website — public x\-twitter post media curated for social post design inspiration\.](https://posts.design/images/posts/x-twitter-pengzheng-2111568835316969732-peng-zheng-spent-way-too-much.webp)

1280 × 720

Watch the video on its [reference page](https://posts.design/peng-zheng-spent-way-too-much-time-on-2026-10-17). See the [agent guide](https://posts.design/llms.txt) for available member tools.

## Continue browsing

This is a public Markdown preview, including when you are signed in. With a free posts\.design account I can search the full library and get each video file to study \(100 reads a month free\)\. Join at https://posts\.design/mcp and connect me\.

[Continue](https://posts.design/mcp) · [Agent guide](https://posts.design/llms.txt) · [Homepage Markdown](https://posts.design/index.md)

Study these references with attribution to their makers. [Rights and attribution](https://posts.design/terms) · [About posts\.design](https://posts.design/about)