我有一个页面使用可滚动的÷ div
<DIV style="OVERFLOW-Y: hidden; WIDTH: 928px; OVERFLOW: scroll"> ...Huge Content </div>
现在在桌面浏览器中运行正常,我无法在iPad上滚动.
你能否提供一个解决方案(最好不要使用任何第三方框架,如Sencha等)?
解决方法
在这个小项目的帮助下,我已经取得了很好的成功:
http://cubiq.org/iscroll.
向下滚动到“如何使用”.
编辑,尝试这只是水平滚动(使用iScroll):
HTML:
<div id="wrapper">
<div id="scroller">
Huge Content...
</div>
</div>
CSS:
#wrapper {
position:relative;
z-index:1;
width: 926px
height: 200px;
overflow: hidden;
}
JavaScript的:
function loaded() {
document.addEventListener('touchmove',function(e){ e.preventDefault(); });
myScroll = new iScroll('scroller',{vScrollbar:false});
}
document.addEventListener('DOMContentLoaded',loaded);