在视口中从div中删除类

Question

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

任何人都可以帮忙吗？

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

非常感谢

Answer 1

也许"Element ‘in view’ Event Plugin"会让您更容易掌握。

我已经编写了一些符合您要求的代码

Working Example

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