How to create a two column animated content page

[gowans007]

I am trying to create a page template that does the following.

The page is two columns:
- The Left Column is a static box with links to pages.
- The Right Column is has boxes/pages of content (a page for each link on the left)

http://i.imgur.com/Jd1C9.gif

It starts on page opening showing the top page on the right column in the centre of the screen.

When you click on a link on the left it smoothly scrolls the right column up or down till the page is in the centre of the screen.

The page must have no scrolling and you must use the left hand links.


Any ideas guys? or anything close I can find online to reference?

It may use JavaScript, CSS, HTML ect and run in browsers down to IE6.

[infinityspiral]

Well if you didn't want any scrolling you could wrap your content on the right inside a containing div and assign that to have css of overflow:hidden. Then you'd have to use javascript to move the inside content around. If you can have scrolling though which from your mock-up would actually help your page- you could just make each div an anchor and use javascript to animated the the window scroll like this:

http://www.mediacollege.com/internet...ge/scroll.html

[gowans007]

thanks exactly the start I needed.