iscroll水平问题

Question

我用phonegap，jquery mobile和iscroll创建了一个应用程序，有3个滚动div，前2个垂直滚动，我试图让第三个滚动水平，但我遇到了问题。水平方向正常工作，比如让我滚动到div的右侧，然而，当我尝试进一步滚动时，div会跳回到开始位置。我希望有人遇到过类似的事情，并有解决方案。我的代码看起来像这样；

var myScroll, myScroll2, myScroll3;

 $(".scrollArea").live("pageshow", function() {
        setTimeout(function(){myScroll = new iScroll('wrapper', {vScroll:true, hScroll:false});},0);
        setTmeout(function(){myScroll2 = new iScroll('wrapper2', {vScroll:true, hScroll:false});},0);
        setTimeout(function(){myScroll3 = new iScroll('wrapper3', {vScroll:false, hScroll:true});},0);


                             });


<div data-role="content">
            <div id="wrapper3">
               stuff here...
            </div>

我将包装器的宽度设置为1500px来测试滚动，但是这个跳跃错误让我抓狂。任何帮助都将不胜感激。

Answer 1

请使用github的jq.scroll.js，它适合我。https://github.com/appMobi/jQ.Mobi/tree/master/plugins