2 replies [Last post]
vikkk
vikkk's picture
Offline
newbie
Last seen: 7 years 35 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]...

http://sidigital.co/contact

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

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
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
pav's picture
Offline
Regular
Last seen: 7 years 16 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.