#mapFullscreenContainer {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
当我滚动到底部并单击按钮时,会显示此div。在普通的浏览器中,这很好用。叠加层100%宽,100%高,位于页面顶部。
然而,在触控设备上,存在覆盖层始终位于视口之外的问题。想象一下,使叠加层可见的按钮位于相当长的网页的页脚中。叠加层始终位于页面的最开头,因此用户无法立即看到它。用户必须滚动回到顶部才能看到叠加层。
我知道如何解决这个问题,以便它在普通浏览器上运行。 bottom:0;
代替top:0
没有任何区别。