Este artigo apresenta uma explicação detalhada do método HTML5 de colocação do rodapé na parte inferior da página (CSS + JS) e o compartilha com todos.
JavaScript:
<script type=text/javascript> $(function(){ function footerPosition(){ $(footer).removeClass(fixed-bottom); //Altura do texto completo do corpo da página da web var contentHeight = document.body.scrollHeight, // Altura visível da janela, excluindo a barra de ferramentas superior do navegador winHeight = window.innerHeight if(!(contentHeight > winHeight)){ //Quando a altura do texto da página da web for menor que a altura da janela visual, adicione a classe de fundo fixo ao rodapé $(footer).addClass(fixed-bottom } else { $(footer).removeClass); (fundo fixo); } } footerPosition (); $(window).resize(footerPosition });</script>CSS:
.fundo fixo { posição: fundo fixo: 0;O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.