Sliding Content above page instead of scrolling down to it

Question

Hey Im making a website that will have a fixed background of 1366px by 768px that doesnt move but has a content area that will move either up or down by pressing on the nav. The problem is that I have a smoothscrolling jquery script running and only works if i dont limit the overflow of the wrapper(where content is), and it scrolls down to the div i tell it to. I want it to push the content above the top of the page instead. Am I doing something wrong or is this doable?

Thanks in advance.

The site link is www.andrewapperley.ca/JessicaP/

Answer 1

Have you tried using negative top(ex. top: -400px ) trick for pushing the content above the top.That's how we create attention messages(pop ins) in browsers.