Jquery UI scroll bar

PoorDoggie · 03-10-2010, 03:16 PM

Hi there

I am using the jquery ui horizontal scroll bar code on my website Web Design and Development (as you can see at the top).

However, I want to mimic this in my main content boxes (click on any of the links/images at the top) if they were to "overflow".

The problem is, I need the scroll bar to be vertical this time, not horizontal.

I don't understand the code to create the horizontal scroll bar, and cannot find a tutorial anywhere on the internet. I've also studied the code and can't seem to find anywhere to change the orientation of the scroll bar, or indeed link it to a different element.
????: NamePros.com http://www.namepros.com/programming/644189-jquery-ui-scroll-bar.html

I hope you can help me. If you want to see the horizontal scroll bar code its at jQuery UI - Demos & Documentation

Thank you very much,
Tom xx

nasaboy007 · 03-10-2010, 03:47 PM

You're probably looking for something like jscrollpane, a jquery plugin found at jscrollpane - Project Hosting on Google Code

A demo can be seen at Another RoeBot Production

Just install the plugin and set it up as per the instructions, and it should work. If you run into trouble, feel free to post again.

03-10-2010, 03:16 PM	THREAD STARTER #1 (permalink)
PoorDoggie Soon to be RICHdoggie! Join Date: Jan 2005 Location: UK Posts: 2,408	Jquery UI scroll bar Hi there I am using the jquery ui horizontal scroll bar code on my website Web Design and Development (as you can see at the top). However, I want to mimic this in my main content boxes (click on any of the links/images at the top) if they were to "overflow". The problem is, I need the scroll bar to be vertical this time, not horizontal. I don't understand the code to create the horizontal scroll bar, and cannot find a tutorial anywhere on the internet. I've also studied the code and can't seem to find anywhere to change the orientation of the scroll bar, or indeed link it to a different element. ????: NamePros.com http://www.namepros.com/programming/644189-jquery-ui-scroll-bar.html I hope you can help me. If you want to see the horizontal scroll bar code its at jQuery UI - Demos & Documentation Thank you very much, Tom xx

03-10-2010, 03:47 PM	#2 (permalink)
nasaboy007 Senior Member Join Date: Jul 2005 Location: NJ Posts: 1,219	You're probably looking for something like jscrollpane, a jquery plugin found at jscrollpane - Project Hosting on Google Code A demo can be seen at Another RoeBot Production Just install the plugin and set it up as per the instructions, and it should work. If you run into trouble, feel free to post again. __________________ Hacksar.com - Your source for random computer tips and tricks! MySiteMemberships.com - Keep track of your site registration information! Like my post? Rep is appreciated!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)