2 replies [Last post]
vikkk's picture
Last seen: 10 years 14 weeks ago
Timezone: GMT+2
Joined: 2013-02-20
Posts: 1
Points: 2

Hi, I am new to the forum but I am going to shoot myself pretty soon haha... I have been trying for a couple of days now to recreate the effect they have done at the footer section - it appears from behind with z-index:0 but I can't seem to fit it anyway I try to have it appear whilst scrolling to the bottom [under the content]...


I would be most grateful if someone could help and have a quick explanation of how they did this Smile thanks

Hugo's picture
Last seen: 8 years 20 weeks ago
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's just use of position:

It's just use of position: fixed on the top bar and footer, with footer having a lower z-index than the content element above it, there's nothing particularly tricky about it as far as I can see.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

pav's picture
Last seen: 9 years 47 weeks ago
Timezone: GMT+1
Joined: 2012-10-18
Posts: 33
Points: 41

padding bottom to body

Also they have added a Padding bottom to body element. Very creative and simple.