About 20,300 results
Open links in new tab
  1. How To Create a Custom Scrollbar - W3Schools

    Chrome, Edge, Safari and Opera support the non-standard ::-webkit-scrollbar pseudo element, which allows us to modify the look of the browser's scrollbar. The following example creates a thin (10px …

  2. Scrollbar - Wikipedia

    Although scrollbar designs differ throughout their history, they usually appear on one or two sides of the viewing area as long rectangular areas containing a bar (or thumb) that can be dragged along a …

  3. CSS scrollbars styling - MDN Web Docs

    Nov 7, 2025 · Scrollbar styling in action This example defines a thin scrollbar with a red thumb and an orange track. To view the thumb, you will need to scroll the text. After the scrollbar is visible, hover …

  4. Classy and Cool Custom CSS Scrollbars: A Showcase

    Nov 14, 2022 · The old-fashioned chrome scrollbar just doesn’t fit in as much. We will be looking into the nitty gritty details of a scrollbar and then look at some cool examples.

  5. Scrollbar styling | CSS and UI | Chrome for Developers

    Jan 17, 2024 · Use the scrollbar-width and scrollbar-color properties to style scrollbars. From Chrome version 2 it's been possible to style scrollbars with the ::-webkit-scrollbar-* pseudo-elements. This …

  6. How to Add Scroll Bar in HTML? - GeeksforGeeks

    Sep 10, 2024 · JavaScript can be used to handle the events like dragging the scrollbar thumb or scrolling within the content area. Example: This example shows the use of JavaScript for custom …

  7. CSS Scrollbar Generator

    Change the appearance and colors for scrollbars on your webpage. Easy to use generator to visualize the changes.

  8. How to Customize Scrollbars with CSS: Styling Guide with Examples

    Apr 20, 2025 · In this tutorial, you will learn how to use CSS to customize scrollbars to support modern browsers. To follow along with this article, you will need: Familiarity with the concepts of vendor …

  9. CSS - Scrollbars - Online Tutorials Library

    Scrollbars are UI elements that allow users to navigate through long content that doesn't fit entirely within the visible area. They consist of vertical or horizontal bars with a draggable thumb, enabling …

  10. CSS scrollbar Property - W3docs

    Use the scrollbar CSS property to create custom themes for scrollbars. See property values and examples.