scrolling text within a div

Question

Hello guys,

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

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

Answer 2

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

Answer 3

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 :)