javascript - 需要具有自动播放和手动滚动功能的 Scroller

Question

我正在寻找一个自动滚动到末尾并停止并切换到手动导航的滚动条。我尝试谷歌搜索，有成千上万的滚动条，但我需要一个具有自动播放和手动滚动功能的滚动条。用户还可以在自动滚动时通过单击切换到手动滚动，例如 this .

但它必须在到达结束时停止自动滚动，然后切换到手动滚动。

Answer 1

jQuery Easy Slider 1.7 ( Demo here ) 具有手动滚动和自动滚动功能，只要用户点击 slider ，自动关闭。它也非常容易定制和扩展 - 我在过去的几个元素中都这样做过。

至于在最后一张幻灯片停止自动滚动，您可以使用计时器手动添加该功能，该计时器会在所有幻灯片播放完毕后关闭自动滚动。或者您可以使用它并添加一个在到达最后一张幻灯片时触发的事件。

编辑:

使用 SmoothDivScroll更好，因为它允许用户(您)添加多个 callbacks .所以你可以在到达最后一张幻灯片时关闭自动滑动:

$("#makeMeScrollable").smoothDivScroll({
    autoScrollingRightLimitReached: function(eventObj, data) {
        $("#makeMeScrollable").smoothDivScroll("option","autoScrollingMode","");

    }
});

编辑2:

遗憾的是，似乎回调不起作用是 known issue on their bugtracker .您可以尝试联系脚本的创建者，看看他是否打算修复它们。