iphone - 触摸设备(ipad、iphone)和 100% 宽度和高度的 CSS 顶层？

Question

大家好，我有一个 div.mapFullscreenContainer

#mapFullscreenContainer {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

当我滚动到底部并单击按钮时会显示此 div。在普通浏览器中，这工作得很好。叠加层为 100% 宽和 100% 高，位于页面顶部。

但是在触摸设备上存在覆盖总是在视口(viewport)之外的问题。想象一下，使叠加层可见的按钮位于相当长的网页的页脚中。叠加层始终位于页面的最开头，因此用户不会立即看到它。用户必须滚动回到顶部才能看到叠加层。

知道如何解决这个问题，使它的行为与普通浏览器一样。 bottom:0; 而不是 top:0 没有区别。

Answer 1

您可以使用 JS 来计算页面的总高度并将其应用于此 div

http://jsfiddle.net/seler/FjeyK/