http://www.smoothdivscroll.com的滚动功能正是我们正在寻找的,但是当您在滑块中移动图像时,我们特别需要滚动“暂停”,然后当您将滚动鼠标移出时再玩一次。目前,当您将鼠标悬停在图像上时,滚动会继续,我们如何在鼠标悬停和鼠标移开时暂停和播放?左右箭头也是如此。一旦你与它们进行交互,滚动器就会完全停止,我们希望你在从箭头中鼠标移开后再自动播放。
非常感谢任何帮助!
答案 0 :(得分:6)
$(document).ready(function() {
$("#makeMeScrollable").smoothDivScroll({
mousewheelScrolling: true,
manualContinuousScrolling: true,
visibleHotSpotBackgrounds: "always",
autoScrollingMode: "always"
});
// Mouse over
$("#makeMeScrollable").bind("mouseover", function(){
$("#makeMeScrollable").smoothDivScroll("stopAutoScrolling");
});
// Mouse out
$("#makeMeScrollable").bind("mouseout", function(){
$("#makeMeScrollable").smoothDivScroll("startAutoScrolling");
});
});
这应该可行,在这里测试http://jsfiddle.net/EEAFs/