check if a node is in the viewport

roeib · web-flow · commit 603fba54957a · 2020-05-12T12:32:39.000+03:00
diff --git a/README.md b/README.md
@@ -525,6 +525,23 @@ const bodyBounderies = document.body.getBoundingClientRect();
 ```
 
 
+# Check if a node is in the viewport
 
+```javascript
+const image = document.querySelector('.animate-me');
+
+observer = new IntersectionObserver((entries) => {
+  const [ myImg ] = entries;
+    if (myImg.intersectionRatio > 0) {
+      myImg.target.classList.add('fancy');
+    } else {
+      myImg.target.classList.remove('fancy');
+    }
+});
+
+
+observer.observe(image);
+
+```
 
 
