Question

我使用smootdivscroll在网站上显示产品。产品全部加载到一个大的div中，然后使用smootdivscroll脚本向左和向右滚动。我在左右两侧设置了箭头，当悬停或点击时滚动。

我想禁用鼠标悬停滚动，只允许在单击箭头时滚动。

Actual page

Smoothdiv scroll demo page

问候。

Answer 1

阅读完相关文档后，如果不破解插件，就不可能实现。热点会听取悬停并单击，您无法禁用其中一个。

如果你选择（不建议），那么你要去的地方https://github.com/tkahn/Smooth-Div-Scroll/blob/master/js/jquery.smoothDivScroll-1.3.js#L195

除了mousedown和mouseup听众之外，你需要删除所有人。

Answer 2

我认为它没有内置的功能。但是，您可以使用此公共方法：http://www.smoothdivscroll.com/publicMethods.html#move

在选项中禁用hotSpotScrolling并将一些点击事件侦听器绑定到将触发move()方法的箭头。

Answer 3

感谢您的帮助和想法，以下是我的解决方案。

首先禁用热点和热点滚动：

visibleHotSpotBackgrounds: "",
hotSpotScrolling: false

我创建了两个链接，后期更新为控制滚动的箭头图像：

<a title="Scroll Left" href="#" onclick="MoveLeft();return false;">LEFT</a>
<a title="Scroll Right" href="#" onclick="MoveRight();return false;">RIGHT</a>

使用两个简单的函数将滚动推进+ - 200px

<script type="text/javascript">
    function MoveRight() {
        $("#makeMeScrollable").smoothDivScroll("move", 200);
    }
    function MoveLeft() {
        $("#makeMeScrollable").smoothDivScroll("move", -200);
    }
</script>

平滑滚动效果设置：

easingAfterMouseWheelScrolling: true

smoothdivscroll - 仅滚动点击

3 个答案: