我正在尝试创建一个内容在特定时间段后水平滚动的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/
答案 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