页脚下方的大空间在iPhone实际设备上显示的某些页面上显示，而不是镀铬中的模拟器

Question

我的网站中有一个我无法解决的问题。基本上，在我包含一个普通页脚的几页（不是每个页面）上，下面有一个大空间。我能够在Chrome Dev工具中正确查看iPhone模拟器上的修复程序。但是，当我在实际的iPhone设备Safari浏览器上运行页面时，页脚下方有一个巨大的空白。我已经尝试了所有目的来解决此问题，但我没有解决方案。谁能帮忙？

这是我包括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上遇到此问题的人都可以尝试一下，让我知道。