Can I style/modify/remove scrollbars of scrollable div

Question

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

Answer 1

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.