Большие белые пробелы ниже нижнего колонтитула, показывающие на определенных страницах на iPhone фактическое устройство, но не эмулятор в Chrome

Question

На моем веб-сайте есть проблема, которую я не могу решить вообще. В основном, на нескольких страницах (не на каждой странице), где я включаю общий нижний колонтитул, над ним находится большое белое пространство. Я могу правильно исправить исправление на эмуляторе iPhone в Chrome Dev Tools. Однако, когда я запускаю страницу на реальном браузере браузера Safari iPhone, перед нижним колонтитулом находится огромное пустое пространство. Я испробовал все цели, чтобы исправить эту проблему, но я не вижу решения. Может ли кто-нибудь помочь?

Вот как я включаю JSP:

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

Вот является CSS код контейнера колонтитула:

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

Answer 1

, наконец, нашли решение этой проблемы. Это поможет вам решить подобные проблемы на вашем мобильном устройстве.

Однажды, я добавил класс CSS, как:

.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; 
} 

Проблема была решена. Все, кто сталкивается с этой проблемой на iPhone Safari, могут попробовать и сообщить мне.