I have an idea for a lateral scrolling site and found something online that I really like that uses jQuery to animate the transition from one page to the next (actually, the same page -- as each "page" is really just a div on the same page).

I admit I don't know enough about JavaScript, let alone jQuery, but why isn't the code that I am copying and pasting in my header (and elsewhere, as the sample source code shows) doing what it's supposed to be doing?

You are my hero! I know I must learn more of JavaScript. I am thinking of taking a class at my local community college this Fall.

One more question on this page you helped me with. I was following along with the tutorial previously mentioned, which probably only covers the basics. One problem I haven't been able to figure out has to do with the way the main content shifts slightly to the left when you (or at least I, on my laptop) click the "home" link. The navigation (unordered list) is fixed position, so it does not scroll off the screen. When you first open the page, the text below sits right below, in line with, the navigation but, as I said, seems to shift slightly when clicking on "home".

I have tried messing with ther divs, clearing left, clearing right, playing with margins and padding and adding an extra wrapper div, but to no avail.

Thanks again, Nancy O., but no, that didn't seem to do the trick either. I checked on both Firefox and Internet Explorer.

Not a huge problem, just baffled why it keeps sliding over. It would be one thing if the page opened to that position, but it opens with the left side pushed out ever so slightly, for some reason. It doesn't do that with their demo (the page I was following along with, http://www.sitepoint.com/side-scrolling-site-layout-with-css-and-jquery/ ). I tried contacting the author of the article some time ago but never heard back.

I don't want to wear out my welcome, but any idea how to get this to work on my iTouch (and iPhones)?

Thanks again, very happy I can now move forward with the actual "design" of the site.

I played around with it some more last night and still couldn't figure out why all divs slide slightly to the left of where the page lands, left of the unordered list at the top.

I just tried changing it from XHTML transitional to strict, that doesn't do the trick. I then tried substituting all the javaScript and jQuery to what the demo source shows, but that stopped the animated scrolling effect and still nudged the divs to the left. I then made some changes to the CSS looking at the styles in the demo. Still couldn't figure it out.

Probably a stupid question, but Is this what you call a collapsing div? Would it collapse AFTER clicking on a link?

As for the iTouch, it just jiggles a little when I touch one of the links and doesn't scroll the page.

I wonder if using named anchors would be the way to go. Or is that basically what I'm doing?