平滑Div滚动暂停/播放

时间:2012-06-06 05:34:41

标签: jquery smooth-scrolling

http://www.smoothdivscroll.com的滚动功能正是我们正在寻找的,但是当您在滑块中移动图像时,我们特别需要滚动“暂停”,然后当您将滚动鼠标移出时再玩一次。目前,当您将鼠标悬停在图像上时,滚动会继续,我们如何在鼠标悬停和鼠标移开时暂停和播放?左右箭头也是如此。一旦你与它们进行交互,滚动器就会完全停止,我们希望你在从箭头中鼠标移开后再自动播放。

非常感谢任何帮助!

1 个答案:

答案 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/