jquery - 平滑的 Div 滚动暂停/播放

标签 jquery smooth-scrolling

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

任何帮助将不胜感激!

最佳答案

$(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/

关于jquery - 平滑的 Div 滚动暂停/播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10908656/

相关文章:

javascript - 从 jquery 滚动函数中排除具有特定父级的 "a"标签

javascript - 将图像放置在元素上以表示它被选择

javascript - 检查动态生成的复选框

jquery - 对于 jQuery 纯粹主义者 - 简单的数组填充?

javascript - 如何使用 scollTop 函数启用 Bootstrap 的平滑滚动?

javascript - 水平平滑滚动 100px

qt - 我们可以让 QTableWidget 平滑滚动其内容吗?

javascript - jQuery addClass 在 for 循环中不起作用

javascript - jquery .js 加载长延迟

javascript - 如何让 Mac 平滑滚动以在元素上工作