停止滑动 javascript

Question

我在我的项目中使用了这个视差滑块 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>

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

我该怎么做？

感谢您的回答。

Answer 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;
});

停止滑动 javascript

Stop slide in javascript

javascript

menu

hover

slider

parallax