我使用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来测试滚动,但是这个跳跃错误让我很生气。任何帮助将不胜感激。
答案 0 :(得分:0)
请使用github的jq.scroll.js它适合我。 https://github.com/appMobi/jQ.Mobi/tree/master/plugins