Tag feed

#scrollbar

6 posts0 followers

Explore Hashnode

Alternatives

Trending tags this week

Prevent layout shift when toggling scrollbar on Window

When will the scrollbar toggle? For example: Open a Modal, Popup, or Drawer with a lot of content and prevent the user from scrolling the Window. Toggle an Accordion or a Tab which expands the document height that leads to shows up the scrollbar. .....

0

ATAbdul Talhablog.abdultalha.techNov 5, 2025 · 5 min read

Fixing Email Preview Scrollbar Accessibility in Ghost CMS (25304)

Introduction Contributing to Ghost CMS has been a great learning experience for me. I started with small fixes, and now I have a better understanding of how good design and accessibility improve user experiences. So far, I have solved three issues: #...

0

YCYI-LIN CHEN (Eva)im1010ioio.hashnode.devAug 13, 2025 · 1 min read

#63 CSS 自訂捲軸顏色與樣式：scrollbar-color、scrollbar-width、scrollbar-gutter、::-webkit-scrollbar-*

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。今天我們要客製化瀏覽器捲軸的樣式，捲軸通常會有「滑桿 thumb」、「軌道 track」與「按鈕」：不過實際上要依據作業系統而定，像是在 Mac 中的捲軸就沒有按鈕。通常我們要改變捲軸的樣式，指是改變捲軸的顏色與大小，讓捲軸也能符合我們畫面的色彩搭配。一、捲軸顏色 scrollbar-color scrollbar-color 可以寫兩個顏色，依序是滑桿與軌道的顏色…

0

LPLuca Pagliaroblog.sentiero.digitalDec 19, 2023 · 2 min read

Enhancing Scroll Experience with CSS "scrollbar-gutter"

Have you ever been bothered by those disruptive jolts when scrolling, especially while opening a modal? Fear not! Enter the CSS property scrollbar-gutter—a clever solution to mitigate these unwarranted movements triggered by the appearance or disappe...

0

SASegun Ajibolablog.segunajibola.comDec 15, 2023 · 6 min read

Change Navbar Background Color on Scroll

Tiny changes make remarkable result in a web page. Changing the background color of a navbar when you scroll can add more beauty to the website and improve user experience. Follow along as we implement this simple effect as you scroll the webpage. Pr...