滚动IPad

时间:2012-02-21 10:16:46

标签: html css ipad

我有下一个代码:

> <div class="scroller" style="width: 100%; height: 300px; overflow:
> auto; overflow-y: hidden;">
>     <div class="content" style="height: 100%; width: 2500px;">
>         <div id="vScrollDiv" style="width: 500px; height: 100%; overflow: auto; color: #fff; display: inline-block">
>             Content that makes div overflow verticaly
>         </div>
>         <div style="width: 1900px; height: 100%; color: #000; display: inline-block">
>             Content that makes "scroller" div overflow horizontaly
>         </div>
>     </div> 

当我的手指在垂直滚动的div上方时,我如何水平滚动内容div,我的手势就像我想要水平滚动一样?

2 个答案:

答案 0 :(得分:2)

我能够通过识别“点击”div并计算拖动的轨迹来捕捉触摸事件并滚动右侧div。 有关触摸事件的更多信息: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html 滚动使用: http://demos.flesler.com/jquery/scrollTo/

答案 1 :(得分:0)

如果我正确地解释你的问题......你想要用水平滚动来模拟鼠标滚轮。这不是ipad的一个功能我想。如果你移动你的手指滚动到一个方向它会尽可能地做...但是当你溢出被隐藏它将忽略它。我认为这对某些网络代码来说是不可能的。我没有理解这个问题吗?