Rodapé pegajoso ajuda!
Eu estou tentando fazer um rodapé pegajoso para minha página da web, eu encontrei alguns CSS que mantém o rodapé na parte inferior, mas tem algumas desvantagens. 1, Se você continuar rolando a página para baixo, a página fica cada vez maior (isso foi completamente inesperado, não sei o que causou isso). 2 move-se para baixo com a página em uma ação brusca, como stop..go..stop..go. Há algum ajuste ou código diferente que permita que um rodapé fixo e suave se mantenha na parte inferior da página?
A propósito, este código foi oringaly para um menu estático, eu apenas adaptei-o para um rodapé pegajoso
Aqui está o código javascript,
<script type="text/javascript">
// attribute added inline inside tag)
var staticmenuids=["staticmenu"]
var staticmenuoffsetY=[]
function getmenuoffsetY(){
for (var i=0; i<staticmenuids.length; i++){
var currentmenu=document.getElementById(staticmenuids[i])
staticmenuoffsetY.push(isNaN(parseInt(currentmenu.style.top))? 0 :
parseInt(currentmenu.style.top))
}
initstaticmenu()
}
function initstaticmenu(){
var iebody=(document.compatMode &&
document.compatMode!="BackCompat")?
document.documentElement : document.body
var topcorner=(window.pageYOffset)? window.pageYOffset : iebody.scrollTop
for (var i=0; i<staticmenuids.length; i++)
document.getElementById(staticmenuids[i]).style.top=topcorner+staticmenuoffsetY[i]+"px");
setTimeout("initstaticmenu()", 5)
}
if (window.addEventListener)
window.addEventListener("load", getmenuoffsetY, false)
else if (window.attachEvent)
window.attachEvent("onload", getmenuoffsetY)
</script>
O CSS:
.wireframemenu{
width: 99%;
height:60px;
position: absolute;
}
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
Agora o rodapé pegajoso:
<div id="staticmenu" class="wireframemenu" style="top: 520px;">
</div>