我有一个页面使用可滚动的÷ 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);