touchdevices（ipad，iphone）和CSS顶层100％的宽度和高度？

嗨，我有，当我滚动至底部，并点击一个按钮这个div被出示一张div.mapFullscreenContainertouchdevices（ipad，iphone）和CSS顶层100％的宽度和高度？

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

。在正常的浏览器中，这工作得很好。覆盖层宽100％，高100％，位于页面顶部。

但是，在触控设备上存在的问题是叠加层始终在视口外。想象一下让覆盖层可见的按钮位于相当长的网页的页脚中。叠加层始终位于页面的起始处，因此用户不能立即看到叠加层。用户必须回滚到顶部才能看到叠加层。

任何想法我可以解决这个问题，所以它的行为就像一个普通的浏览器。 bottom:0;而不是top:0没有什么区别。

2011-05-08 matt

你可以用JS来计算并应用页面的总高度，这个div

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

2011-05-08 09:04:04 seler

谢谢你，但实际上并不是我要找的解决方案。如果我使用body.height（）;整个页面都被覆盖了。不过，我只想使用此覆盖图的视口。事情是覆盖持有谷歌地图。如果整个页面（主体）被设置为其高度，则地图的中心再次位于视口外。 – matt 2011-05-08 18:53:56

@mathiregister样品请。 – seler 2011-05-08 19:16:11

回答