javascript - 没有鼠标事件的图像动画Jquery

Question

如果这是一个奇怪或菜鸟的问题，我很抱歉。

但我一直在搜索，但找不到我正在寻找的答案。

到目前为止，我有一个网站:

Test Website

正在使用 OnePageScroll Jquery 插件 GitHub Page

但是，如果您访问我的网站，您会看到图像上有一些事件，这些事件是由鼠标事件触发的，即:mouseenter、hover、mouseleave

现在，我需要知道，如果 Jquery 上有一种方法可以使这些动画在没有鼠标事件的情况下工作，就在我向下或向上滚动时，动画独立于鼠标或触摸或其他事件，就像自动动画，这可能吗？

也许不是，但谁知道呢，我希望我已经解释清楚了，希望有人能对此有所启发。

提前致谢!

PS = 如果您需要代码，请告诉我。

Answer 1

例如，您可以使用 jquery.inview向下滚动时，一旦应该动画的元素出现在 View 中，就开始动画。

那里的示例用法:

$('div').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
  if (isInView) {
    // element is now visible in the viewport
   if (visiblePartY == 'top') {
     // top part of element is visible
   } else if (visiblePartY == 'bottom') {
     // bottom part of element is visible
   } else {
    // whole part of element is visible
   }
  } else {
   // element has gone out of viewport
  }
});

只是一个Fiddle我在另一个答案中使用了 inview 的示例 - 当您向下滚动时，一旦 inview 绑定(bind)到的元素出现在 View 中，表盘就会动画化。