I'm trying to create a fairly simple web-page, and I'm having trouble finding a good tutorial or code for an effect I wanted to create using jQuery.

Basically, the page is all in a line so there's a lot of scrolling involved. I have a navigation-menu that will put one to different parts of the text, but an effect I would really like to have is where you press the button, and the whole page sort of slides down to where the content is, instead of leaping to the content.

Unfortunately, I don't have any example-pages that utilizes this, so if this is impossible to understand, just write it and I'll try to illustrate it better.

Getting back on track, if anyone were to have a link to a good tutorial or know of a code that would solve this, please let me know. 

Thanks in advance! :D