Cet article présente l'explication détaillée de la méthode HTML5 pour placer le pied de page en bas de page (CSS+JS) et la partage avec tout le monde. Les détails sont les suivants :
Javascript :
<script type=text/javascript> $(function(){ function footerPosition(){ $(footer).removeClass(fixed-bottom); //Hauteur du texte intégral du corps de la page Web var contentHeight = document.body.scrollHeight, // Hauteur de la fenêtre visible, à l'exclusion de la barre d'outils supérieure du navigateur winHeight = window.innerHeight; if(!(contentHeight > winHeight)){ //Lorsque la hauteur du texte de la page Web est inférieure à la hauteur de la fenêtre visuelle, ajoutez la classe à fond fixe au pied de page $(footer).addClass(fixed-bottom } else { $(footer).removeClass); (fond fixe); } } footerPosition (); $(window).resize(footerPosition });</script>CSS :
.fixed-bottom { position : fixe ; bas : 0 ; largeur : 100 % ;}Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.