jquery - 在视口中从 div 中删除类

Question

如标题所述，当且仅当它在浏览器视口中可见时，我需要从 div 添加/删除一个类。我想要做的是触发动画删除一个类并使用 css 转换.. 我知道该怎么做，但是当用户可以看到某个 div 时，我需要代码片段来删除该类。

谁能帮忙？

我在另一篇文章中检查了 onScreen 插件，但我对 js/jquery 有点菜鸟，我遇到了一些问题。

非常感谢

Answer 1

也许“元素'in view'事件插件”会让你更容易掌握。

我已经编写了一些代码来满足您的要求

工作示例

$(document).ready(function(){
    $('.myclass').bind('inview', function (event, visible) {
      if (visible == true) {
        // element is now visible in the viewport
        $(this).removeClass('myclass');
      } else {
        // element has gone out of viewport
         $(this).addClass('myclass');
      }
    });
});