Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, pessoal, pesquisei aqui no site posts sobre a minha dúvida, mas não foi suficiente, e por isso estou criando um novo post. Bom, gostaria de saber como eu faço uma daquelas divs que ficam no rodapé do site e que sempre acompanham o scroll da página como jixedbar.
Criei meu próprio "bar" que fica no rodapé
#barra_news{
position:aboslute;
z-index:1;
margin:0 1px;
width:100%;
float:right;
border:1px solid #d0d0d0;
height:300px;
background-color:#EFEFEF;
}
que seria uma barra de notícias. E no HTML tem a função de faze-lo aparecer e desaparecer:
<script type="text/javascript">
function controlaCamada(barra_news)
{
if( document.getElementById( barra_news).style.visibility == "hidden" )
{
document.getElementById(barra_news).style.visibility = "visible";
} else
{
document.getElementById( barra_news).style.visibility = "hidden";
}
}
function controlaLink(link_news)
{
if( document.getElementById( link_news).style.visibility = "hidden" )
{
document.getElementById( link_news).style.visibility = "visible";
} else
{
document.getElementById( link_news).style.visibility = "hidden";
}
}
</script>
<div id="barra_news">
<a style="text-align:center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; display:block; font-size:20px;" href="#" onclick="document.getElementById('link_news').style.display='block'; document.getElementById('barra_news').style.display='none';">Fechar notícias</a>
<br />
</div>
<a id="link_news" style="text-align:center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; display:none; font-size:20px;" href="#" onclick= "document.getElementById('barra_news').style.display='block'; document.getElementById('link_news').style.display='none';">Exibir notícias</a>
porém, ela fica fixa como se fosse um próprio rodapé, ou seja, estático! Já tentei mudar no css de Absolute para Fixed, mas aí a div some!
Gostaria de saber como fazer para ela acompanhar o scroll pelo rodapé, e de preferência (se for possível) com o mínimo de jquery!
Obrigado!
Carregando comentários...