如何在电话间隙中使用iScroll添加具有时间间隔的无限循环滑块



在我的项目中,我正在使用iOS Phonegap,我是这个Phonegap的新手。我想要像iScroll这样的滚动器,它可以无限循环。我已经浏览了这些链接:Link1但没有得到任何提示。据我所知,我在顶部添加了这个JavaScript

function getStartTimerNext(){
var loopnext= myScroll.scrollToPage('next', 0);return false
}, 3000);}
getStartTimerNext();

它一直工作到最后一项的末尾,然后卡在那里。请帮助我解决这个问题。

万岁...我自己解决这个问题..我在代码中添加了两个函数,并一个接一个地调用它。请参阅下面的代码:

function getStartTimerNext(){
var loopnext= myScroll.scrollToPage('next', 0);return false
}, 4000);}
function previousPageLoop(){
setInterval(function () {
myScroll.scrollToPage(0,0);
}, 12500);
}
getStartTimerNext();
previousPageLoop();

之后它工作正常.. :)

iScroll 中解决无限循环的另一种简单方法是定义函数,其中包含顺序选择的页面。 最后一页之后 得到第一页

function nextPage(){
        if(myScroll.currPageX == totalPages){
            myScroll.scrollToPage(0, 0);
        }else{
            myScroll.scrollToPage('next', 0);return false
        }            
    }
总页数将为总页数。

要滚动的页数。根据需要在 setInterval 中调用此函数 3 秒或 4 秒。

setInterval(function() {  nextPage(); }, 4000);

并解决了!!

最新更新