how to make a custom scroll bar with css


Tags: css

Problem :

just wondering if it's possible to change the style of a scroll bar with css,(not the main window)

I have a some text inside a div that scrolls down and the scrollbar is just too big, and makes the whole website ugly,

any ideas?

thanks



Solution :

Some versions of Internet Explorer allowed you to style scrollbars with CSS, but this was not part of the CSS standard and probably not the way to go these days.

For cross-browser compatibility, you will need to simulate scrollbars using JavaScript; luckily there are libraries to do this, such as the JQuery plugin jScrollPane.


    CSS Howto..

    How to isolate specific platforms using CSS selectors in the Ionic framework

    How to margin div inside other div?

    how to make a css gradient stop after so many pixels?

    How to prevent inner text resizing in CSS Animation @keyframes?

    How to reanimate div with jquery after using css keyframe animation

    How to create different and unique ID for some class in css?

    How to add css to form elements if attribute class is already being used in Jquery

    How to update element.styles css

    CSS/CSS3 - How to make background-color in table row without spaces between table-cells?

    How to make content next to a fixed-position menu not overlap in smaller resolutions

    How to sort properties in CSS file by groups?

    How can one use scroll bar images?

    How do you set the scroll bar skin on a single List instance?

    How to create a dropdown that is open by default and with custom scrollbars ( see pic from wireframes) in HTML [closed]

    how to add css padding for button such that it is consistent with column width?

    Images set within CSS and not showing in the HTML [closed]

    mkd2pdf, wkhtmltopdf, how to make PDF for slide

    CSS Cascading takes over inheritance, how to solve this?

    Blogger Template: how to change the color of the border css

    How do I change the :-moz-placeholder color with jQuery once it's set?

    show different content in multiple css popups

    How to implement vertical tables using html5/CSS

    How to select css id's with numbers in them?

    How to add separate style to google.visualization.DataTable without changing its own styles

    How to Convert this Inline CSS to External CSS using just a single class?

    How do I install SASS with Mean.io?

    How to make a responsive scrollbar?

    How to use CSS' “rotateX()” with jQuery's animate() on multiple elements with delay

    How to check “IF any one or all buttons are clicked” in jquery

    How to flip background image using CSS?