jscrollpane：当鼠标悬停在滚动上时停止自动滚动

Question

我使用以下脚本在页面加载时启动自动滚动

$(function(){

var pane = $('.wrapperContent');

pane.jScrollPane({
    horizontalDragMaxWidth: 86,
    horizontalDragMinWidth: 86,
    animateScroll: true,
    animateDuration : 20000
});

var api = pane.data('jsp');

api.scrollToX(parseInt(900));
return false;
});

但是当鼠标悬停在内容上时，我会停止自动滚动。

Answer 1

我做的是，我创建了一个计时器变量并将autoReinitialise设置为TRUE。然后，我将计时器设置为我的功能并在悬停时清除它。看一看：

var timer;
function autoScrollFunction() {
//your function to auto scroll
}
timer = setInterval(changeImageFeature);


$("#super_feature").hover(function () {
   clearInterval(timer); // stop the timer
}