javascript – 如何在iPad上实现可滚动?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在iPad上实现可滚动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面使用可滚动的÷ 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);

猜你在找的JavaScript相关文章