mcustom Scrollbar autoscroll问题

时间:2014-07-09 11:49:46

标签: javascript jquery html

我正在尝试创建一个内容在特定时间段后水平滚动的div - 就像幻灯片放映一样。我正在使用mcustomscollbar插件。我正在使用for循环来增加id并使用scrollTo函数来滑动内容,但滚动跳转到最后一个。

这是js

for (var num = 1; num < 24; num++) {
    var idj = '#' + 'id' + num;
    var dlp = scrollToI(idj);
}

    function scrollToI(person) {
    setTimeout(function () {
        console.log(person);
        $('#content1').mCustomScrollbar("scrollTo", person);
    }, 2000);
}

小提琴:http://jsfiddle.net/infern00/3psLU/

使用的ScrollBar插件:http://manos.malihu.gr/jquery-custom-content-scroller/

1 个答案:

答案 0 :(得分:0)

你的意思是这样的:

 $(document).ready(function () {
    $("#content1").mCustomScrollbar({
       axis: "x",
       theme: "dark-thick",
       advanced: {
          autoExpandHorizontalScroll: true
       }
    });
    var i = 1;

    var interval = setInterval(function () {
       var idj = '#' + 'id' + i;
       console.log(idj);
       scrollToI(idj);
       if (i > 23) clearInterval(interval);

       i++;
    }, 2000);


    function scrollToI(person) {
        $('#content1').mCustomScrollbar("scrollTo", person);
    }
});

检查 FIDDLE