触摸屏设备，无溢出滚动可能：自动和固定高度

我已经构建了一个主题，使其使用100％的页面高度。触摸屏设备，无溢出滚动可能：自动和固定高度

布局的基本内容如下：div＃容器包含3个div，页眉，页脚，内容。所有定位绝对＃容器，14％高度标题，6％高度页脚，其余的是内容。除内容外的所有div均已溢出：隐藏，内容溢出：自动。

它适用于大多数桌面浏览器（FF3.6 +，IE 8+，Opera 10.5+，Chrome实际）。在触摸屏设备上，它显示出一切都很好，但我没有滚动条，也没有滚动#content的可能性。

测试页：http://pearlofdanube.hu

与Android 2.2测试内置的浏览器和Opera移动，一些报道它与iPhone相同。

有没有人有任何正确的解决方法的想法，没有布局的基本变化？客户真的想要有相同的布局任何类型的设备。

来源

2011-04-11 petermolnar

我知道这是一个古老的职位，但你有没有搞清楚这一个CSS/HTML解决方案演示？我目前有完全相同的问题... – Rebecca 2016-02-24 05:59:46

iSCroll可能对您有所帮助。您应该将所有内容的包装设置为您希望滚动条所需的大小。然后：

function loaded() { 
    document.addEventListener('touchmove', function(e){ e.preventDefault(); }); 
    myScroll = new iScroll('scroller'); 
} 
document.addEventListener('DOMContentLoaded', loaded);

“滚动条”是将被更改为您要滚动的元素的ID的强制ID。希望这可以帮助。

这里是你可能想看看http://cubiq.org/dropbox/iscroll4/examples/simple/

来源

2011-07-07 14:56:24

触摸屏设备，无溢出滚动可能：自动和固定高度

回答

相关问题