触摸屏设备,溢出时无法滚动:auto&固定高度

我已经构建了一个主题,使其使用100%的页面高度。 布局的基本内容如下:div#container包含3个div,页眉,页脚,内容。全部定位于#container,14%高度标题,6%高度页脚,其余为内容。所有div除内容外都有溢出:隐藏,内容溢出:auto。 它适用于大多数桌面浏览器(FF3.6 +,IE 8 +,Opera 10.5+,Chrome实际)。在触摸屏设备上,它显示一切都很好,但我没有滚动条,也没有滚动可能性#content。 测试页面:http://pearlofdanube.hu 经过Android 2.2内置浏览器和Opera Mobile的测试,一些人报道它与iPhone相同。 有没有人知道正确的解决方法,没有布局的基本变化?该 客户真的希望有任何类型的设备相同的布局。     
已邀请:
iSCroll可能对您有所帮助。您应该将所有内容的包装器设置为您希望滚动条的大小。然后:
function loaded() {
    document.addEventListener('touchmove', function(e){ e.preventDefault(); });
    myScroll = new iScroll('scroller');
}
document.addEventListener('DOMContentLoaded', loaded);
'scroller'是必需的id,它将被更改为您要滚动的元素的id。希望这可以帮助。 这是一个演示,你可能想看看http://cubiq.org/dropbox/iscroll4/examples/simple/     

要回复问题请先登录注册