Hi all, got a bit of a wired on here. Is there any way of using something like overflow:hidden but instead of having everything x:0 y:0 visible having the bottom of the content visible?

Basically I have a site which is like a newspaper reel and I want to jquery the previous / next page by having the page roll down.

The problem with using something like jquery’s scrollDown() is that it starts the article from the top of the content and doesn’t give the impression of the page scrolling.

Hope that made some form of sense

Thanks Themodem

So you want a specific sized box with excess content hidden, but you want to start at the bottom of the content so the user will scroll up instead of down? Is that what you mean?

Ill try to explain it a little better



The red block is an article which is hidden in a div ready to be displayed.

The blue block is an article which is already on the page for all to see.

What i want is for the blue article to slide down and dissapear and for the red article to slide down and appear.

The problem is that the top article when sliding down starts off from the top of the article, so you have

TITLE
SUBTITLE
CONTENT
FOOTER

So the title is displayed then the subtitle and so on untill the div is fully visable.

But the site is like a newspaper reel where the bottom of the new article would be seen first not the title.

FOOTER

CONTENT
FOOTER

SUBTITLE
CONTENT
FOOTER

TITLE
SUBTITLE
CONTENT
FOOTER

If that makes more sense