没有鼠标事件的图像动画

Question

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

但是我正在搜索，无法找到想要的答案。

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

测试网站

哪个正在使用OnePageScroll Jquery插件GitHub页面

但是，如果您访问我的网站，则会看到图像上有一些事件是由mousevents触发的，例如：mouseenter mouseenter, hover, mouseleave

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

也许不是，但是谁知道，我希望我已经自我解释了，有人可以对此有所了解。

提前致谢！

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

Answer 1

您可以例如使用jquery.inview在向下滚动时应动画的元素开始播放动画。

此处的示例用法：

$('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
  }
});

我只是在另一个答案中使用了一个小提琴作为inview的示例-向下滚动时，一旦将与inview绑定的元素显示在屏幕上，表盘就会显示动画。