Großer weißer Bereich unterhalb der Fußzeile, der auf bestimmten Seiten auf dem iPhone zeigt, aber kein Emulator in Chrome

Question

Es gibt ein Problem in meiner Website, das ich überhaupt nicht lösen kann. Im Grunde befindet sich auf nur wenigen Seiten (nicht auf jeder Seite), wo ich eine gemeinsame Fußzeile einfüge, ein großer weißer Bereich darunter. Ich kann die Fehlerbehebung auf dem iPhone-Emulator in Chrome Dev Tools korrekt anzeigen. Wenn ich die Seite jedoch auf einem Safari-Browser eines iPhone-Geräts ausführe, befindet sich unter der Fußzeile ein großer Leerraum. Ich habe alles versucht, um dieses Problem zu beheben, aber ich sehe keine Lösung. Könnte jemand helfen?

Hier ist, wie ich die JSP gehören:

<footer class="footer-container"> 
    <s:include value="/jsp/common/Footer.jsp" /> 
</footer> 

Hier ist die CSS-Code für den Fuß-Container:

.footer-container {position:relative;} 
.footer-container{height: 87px;} 

Answer 1

fand schließlich eine Lösung für dieses Problem. Dies wird Ihnen helfen, ähnliche Probleme auf Ihrem mobilen Gerät zu lösen.

Einmal, Ich habe eine CSS-Klasse als:

.navInActive 
{                  
-webkit-transform:translate3d(0px, 0, 0); 
-moz-transform:translate3d(0px, 0, 0); 
-ms-transform:translate3d(0px, 0, 0); 
-ms-transform:translate(0px, 0); 
-o-transform:translate3d(0px, 0, 0); 
transform:translate3d(0px, 0, 0); 
z-index: 0;-ms-transform:translate(0, 0); 
-webkit-transition: all 300ms ease; 
-moz-transition: all 300ms ease;-ms-transition: all 300ms ease; 
-o-transition: all 300ms ease;transition: all 300ms ease; 
} 

das Problem behoben wurde. Alle, die sich diesem Problem auf dem iPhone Safari stellen, könnten es ausprobieren und mich wissen lassen.