Tengo el problema de que el footer me aparece siempre y quiero que solo aparezca cuando bajo el scroll hasta abajo del todo, la cuestion es que al cambiar el position de fixed a relative me lo hace pero me desmonta los estilos del footer.
El codigo es el siguiente:
Código HTML:
<footer id="masterpanel">
<ul id="mainpanel">
<li><a href="#" class="dribble"><small>Dribble</small></a></li>
<li><a href="#" class="forrst"><small>Forrst</small></a></li>
<li><a href="#" class="facebook"><small>Facebook</small></a></li>
<li><a href="#" class="twitter"><small>Twitter</small></a></li>
<li><a href="#" class="google"><small>Google+</small></a></li>
<li><a href="#" class="linked"><small>LinkedIn</small></a></li>
</ul>
</footer>
Los estilos son:
Código CSS:
Ver original#masterpanel {
background-color: #161616;
background: -moz-linear-gradient(top, rgba(22,22,22,.7) 0%, rgba(51,51,51,.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,.7)), color-stop(100%,rgba(51,51,51,.7)));
background: -webkit-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
background: -o-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
background: linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2161616,endColorstr=#B2333333);
-moz-box-shadow: 0 1px 10px #00c6ff;
-webkit-box-shadow: 0 1px 10px #00c6ff;
box-shadow: 0 1px 10px #00c6ff;
position: fixed ;
bottom: 0px;
left: 0;
z-index: 999;
width: 100%;
}