Preventing element from displaying on top of footer when using position:fixed

Question

I\'d like to use the CSS property position:fixed to fix the position of an element but at the same time prevent the element from being positioned over my footer when the use

Answer 1

Add some extra margin-bottom to your footer so the user can scroll past the bottom a bit so your footer can clear the fixed element.