draggable content sans-flash?

[moscarda]

i would like to create a giant one-page website, with a menu that loads in the center, and to navigate to the various sections, you would drag the "canvas" so to speak, to that section.

i've seen this concept done in flash before, as in this site:

http://www.mariagrossmann.de/

but i'd like to do it without flash, and without all the bells and whistles.
i really want it to work the same, no using horizontal/vertical scrollbars.

any ideas?

[Nile]

I'm sure you can accomplish this by using JQuery or MooTools. I've seen someone accomplish it with the simple DHTML Drag found on dynamivdrive.com.

[moscarda]

thank you for those links. looks like some stylish as well as lightweight scripts are possible with those. unfortunately i'm less of a coder than code borrower / modifier. i wouldn't know where to begin as i didn't really see anything in the demos along the lines of what i'm going for.

could you (further) help point me in the right direction, or if anyone has a link to the DD thread you mentioned where this has been done before that would be amazing!

[Nile]

http://docs.jquery.com/UI/Draggables
Thats the Draggable section.

[moscarda]

i like this a lot, but it doesn't get rid of autoscrolling if the div is larger than the browser window— see here. the only way i can think of to remedy this is by using a pop up with scrolling disabled, which i don't want to do.