http://www.smoothdivscroll.com的滚动功能正是我们正在寻找的,但是当您在滑块中移动图像然后当您将鼠标移出滚动时,我们特别需要让滚动“暂停”会再玩。目前,当您将鼠标悬停在图像上时,滚动会继续,我们如何在鼠标悬停和鼠标移出时暂停和播放?左右箭头也一样。一旦您与这些交互,滚动条就会完全停止,我们希望它在您将鼠标从箭头中移出后再次自动播放。
任何帮助将不胜感激!
http://www.smoothdivscroll.com的滚动功能正是我们正在寻找的,但是当您在滑块中移动图像然后当您将鼠标移出滚动时,我们特别需要让滚动“暂停”会再玩。目前,当您将鼠标悬停在图像上时,滚动会继续,我们如何在鼠标悬停和鼠标移出时暂停和播放?左右箭头也一样。一旦您与这些交互,滚动条就会完全停止,我们希望它在您将鼠标从箭头中移出后再次自动播放。
任何帮助将不胜感激!
$(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/