1
J'essaie de faire un pied de page collant pour ma page web, j'ai trouvé des CSS qui gardent le pied de page en bas mais qui ont quelques inconvénients. 1, Si vous continuez à faire défiler la page, la page devient de plus en plus grande (c'était complètement inattendu, aucune idée de ce qui a causé cela). 2 il descend avec la page dans une action saccadée, comme stop..go..stop..go. Existe-t-il des réglages ou des codes différents qui pourraient permettre à un pied de page glissant en douceur de rester au bas de la page?Aide du pied collant!
en passant, ce code a été oringaly pour un menu statique, je viens juste adapté pour un pied de page collante
Voici le code 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>
Le CSS:
.wireframemenu{
width: 99%;
height:60px;
position: absolute;
}
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
Maintenant le pied de page collant:
<div id="staticmenu" class="wireframemenu" style="top: 520px;">
</div>
Oui désolé, ne regardait même pas à cela. Je veux dire javascript, merci. –
Pourquoi avez-vous besoin d'un pied collant? Ils sont généralement une nuisance, sont désapprouvés. Je suppose que c'est situationnel cependant. –
duplication possible de [Problème avec l'implémentation de CSS Sticky Footer] (http://stackoverflow.com/questions/1112082/problem-with-css-sticky-footer-implementation) – Liam