jquery - 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
}