jQuery Scroll Box Without Scrollbar

Question

I have a box that is 250px x 250px. I want to make it scrollable, but I don't want to have the scrollbars appear because of how much space they take up. I assume this is possible with jQuery, but not finding anything. Anyone know?

EvilAmarant7x · Accepted Answer · 2011-03-11 18:47:51Z

5

You can put what you want to scroll inside a another div, whose size is set. And make the css of this container to overflow: hidden; so there are no scroll bars. Then you can create some triggers (click on up/down arrows, etc.) that trigger a scrollTo on the container div.

Here's an example: http://jsfiddle.net/UwEe2/

edited Mar 11, 2011 at 18:47

answered Mar 11, 2011 at 18:31

EvilAmarant7x

2,0695 gold badges24 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ansarob Over a year ago

I will try that, thanks! Basically all I want is for them to be able to scroll it up and down only by hovering over the box and using the mouse or track pad to scroll.

trusktr Over a year ago

This doesn't seem to work on the root scrollable element (in some browsers it's the body element, in others the html element).

Lukas Nagel · Accepted Answer · 2013-01-12 17:40:22Z

0

Found a nice script: jQuery slimScroll, solving your problem while looking awesome. (not my script)

answered Jan 12, 2013 at 17:40

Lukas Nagel

1391 silver badge2 bronze badges

Collectives™ on Stack Overflow

jQuery Scroll Box Without Scrollbar

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related