在视口中移除div中的类

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

谁能帮忙?

我在另一篇文章中检查了onScreen插件,但是我用js / jquery做了一个noob,我遇到了一些问题。

非常感谢


也许在视图“事件插件”中“元素”将更容易让您掌握。

我已经编写了一些代码以适应您的要求

工作示例

$(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');
      }
    });
});
链接地址: http://www.djcxy.com/p/83393.html

上一篇: remove class from a div when in viewport

下一篇: How to trigger a javascript event when a button becomes visible?