PDA

View Full Version : Simultaneous scrolling



WillBeaumont
31 Jan 2011, 03:53 PM
Hi,

I wonder if anyone can help. I have an idea I would like to implement on the redesign on my portfolio site.

What I would like to do is have two scrolling boxes next to each other and when you scroll through one the other scrolls too but in the opposite direction. This would mean one box loads with the scroll at the bottom and the other at the top. I've added a few mocked up pics of what I am trying to do if my description is a bit poor.

http://i13.photobucket.com/albums/a266/Will11111/ScrollMock.jpg

It would be great if anyone has any links to any tutorials I might be able to use or any code that would be useful. Thanks in advance.

Will

Jason
31 Jan 2011, 04:15 PM
I would use a slider instead of the native browser scroll bar. I would then attach an event to the slider. Personally I would use jQuery.

http://jqueryui.com/demos/slider/#slider-vertical