How can I add class or animation for elements on scroll

[gigholll]

Hi, your plugin is awesome!
I am designer, which interested in js , and I have a problem)

In other project I use for this onScreen.js plugin, but it doesn't work. How can I add class or animation for elements on scroll, when they reach viewport?

[baptistebriel]

Hi @gigholll! Have you tried running the demos in your browser? There's a few ones where we're adding styles and/or classes to the elements when they reach the viewport.

[gigholll]

tnks for fast answer @baptistebriel. I found "key: 'inViewport'" in the code. But i use fix for onScreen.js, that refresh viewport.
var onScreenFix = setInterval(function() {
$(window).resize();
}, 500);

[baptistebriel]

I wouldn't recommend that fix; all your resize logic might be called when the user is scrolling. This could lead to perfs issues if there's big calculations / dom manipulations done on resize..