scrolling text within a div

Question

In a page I'm working on I have html container for a div height not more than 200px, however I need to fit in a text that requires 300px and I don't want to show the scroll-bar on the right side so I'm looking for some ways/plug-ins in order to scroll the text within the div. I'd like to be able to scroll down, to scroll up and to stop the scrolling.

Any suggestions about?

Answer 1

I can highly recommend jQuery.ScrollTo. It will fit your needs perfectly.

Documentation is found here

Some demos are found here

And most importantly, here is the project page at plugins.jquery.com where the latest download is located

Happy coding :)

Answer 2

Try jScrollPane - I've used it and it works quite well.

Answer 3

Set the style overflow:auto for the div. To control scrolling only in Y, set overflow-y:auto, overflow-x:hidden