In diesem Artikel wird die HTML5-Methode zum Platzieren der Fußzeile am Ende der Seite (CSS + JS) ausführlich erläutert und mit allen geteilt. Die Details lauten wie folgt:
JavaScript:
<script type=text/javascript> $(function(){ function footerPosition(){ $(footer).removeClass(fixed-bottom); //Volltexthöhe des Webseitenkörpers var contentHeight = document.body.scrollHeight, // Sichtbare Fensterhöhe, mit Ausnahme der oberen Symbolleiste des Browsers winHeight = window.innerHeight; if(!(contentHeight > winHeight)){ //Wenn die Höhe des Webseitentextes geringer ist als die Höhe des visuellen Fensters, fügen Sie der Fußzeile die Fixed-Bottom-Klasse hinzu $(footer).addClass(fixed-bottom); } else { $(footer).removeClass (fixed-bottom); } } footerPosition (); $(window).resize(footerPosition);</script>CSS:
.fixed-bottom { Position: Fixed; Bottom: 0; Breite: 100 %;}Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.