1 reply [Last post]
millers
millers's picture
Offline
Enthusiast
Last seen: 2 years 9 weeks ago
Timezone: GMT+1
Joined: 2004-11-22
Posts: 70
Points: 41

I have created a reveal effect in the past without problem however that was at the footer of the page so it was nice and simple to keep the layer fixed to the bottom and provide padding to the layer immediately above it, to create the reveal.

However now I'd like to do something a little different and reveal center content, whilst still keeping the website responsive.

Here is a link to what I would like to achieve

https://www.dropbox.com/s/76hz5s732prcy7v/reveal.gif?dl=0

The header (orange), scrolling up reveals the search facility (blue) beneath. When the header reaches the top of the search, the main content (yellow) then scrolls up to cover the search and continue as normal.

Can anyone help achieve this?

Thanks

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 1 hour ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi millers, I think you are

Hi millers,
I think you are going to want to use JavaScript to do this.
I would search for a jQuery plugin or something similar.