CODEWITHSUNDEEP
htmlcssscrollbar
Yarin
Yarin

Reputation: 183579

Can I style/modify/remove scrollbars of scrollable div

Is there anyway to style, modify, or remove the scrollbars of a scrollable html div?

Upvotes: 6

Views: 4089

Answers (4)

Jeaf Gilbert
Jeaf Gilbert

Reputation: 11981

10 jQuery Custom Scrollbar Plugins

Upvotes: 1

SimplyZ
SimplyZ

Reputation: 908

Scrollbars can be styled, either by using css: Scrollbar styleing with css

And/Or with javascript: Scrollbar styleing with javascript

Upvotes: 1

Chris W.
Chris W.

Reputation: 39219

I believe your only option is to remove the scrollbars altogether with CSS.

#your_div {
    overflow: hidden;
}

The scrollbars themselves are a "browser thing", and as such can't be styled.

EDIT: If you are willing to use "fake" scrollbars--i.e., they aren't actual browser scrollbars they're an HTML element created with Javascript/jQuery that work "like" scrollbars--then you can use Jscrollpane.

The scrolling looks surprisingly smooth and nice, but I would worry some about how it might work in more novel environments--i.e., a touchscreen interface.

Demos of JScrollpane.

Upvotes: 3

Peter Olson
Peter Olson

Reputation: 142921

There are IE only scrollbar CSS styles:

scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color

Upvotes: 1

Related Questions