touchdevices(ipad,iphone)和CSS顶层,宽度和高度均为100%?

时间:2011-05-08 08:55:19

标签: iphone css ipad overlay

嘿伙计们, 我有一个div.mapFullscreenContainer

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

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

然而,在触控设备上,存在覆盖层始终位于视口之外的问题。想象一下,使叠加层可见的按钮位于相当长的网页的页脚中。叠加层始终位于页面的最开头,因此用户无法立即看到它。用户必须滚动回到顶部才能看到叠加层。

我知道如何解决这个问题,以便它在普通浏览器上运行。 bottom:0;代替top:0没有任何区别。

1 个答案:

答案 0 :(得分:0)

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

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