在javascript中停止滑动

【问题标题】：Stop slide in javascript在javascript中停止滑动
【发布时间】：2015-12-26 08:59:48
【问题描述】：

我在我的项目中使用了这个视差滑块http://codepen.io/suez/pen/ByvKXE。

然后我在页面顶部添加了一个悬停菜单。

<ul class="menu">
    <li class="list-menu fa-home"></li>
    <li class="list-menu fa-suitcase"></li>
    <li class="list-menu fa-flask"></li>
    <li class="list-menu fa-user"></li>
    <li class="list-menu fa-contact"></li>
</ul>

当我将鼠标放在菜单上单击按钮时，我想停止视差滑块。

我该怎么做？

感谢您的回答。

【问题讨论】：

标签： javascript menu hover slider parallax

【解决方案1】：

看看http://codepen.io/anon/pen/YwGjNd。我进行了以下更改。

stopAutoSlide : 允许或阻止自动滑动的变量

mouseenter, mouseleave：要更改的事件 stopaAutoSlide 状态

if (!stopAutoSlide)：仅在 stopAutoSlide 为 false 时更改当前幻灯片。

我希望这会有所帮助。

$(document).on("mouseenter", ".slider-pagi", function() {
  stopAutoSlide = true;
});

$(document).on("mouseleave", ".slider-pagi", function() {
  stopAutoSlide = false;
});

【讨论】：