Commit603fba5

authored

check if a node is in the viewport

1 parenta23d648 commit603fba5Copy full SHA for 603fba5

File tree

+17

-0

lines changed

+17

-0

lines changed

Lines changed: 17 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -525,6 +525,23 @@ const bodyBounderies = document.body.getBoundingClientRect();`
`525`	`525`	```
`526`	`526`
`527`	`527`
	`528`	`+# Check if a node is in the viewport`
`528`	`529`
	`530`	+```javascript
	`531`	`+constimage=document.querySelector('.animate-me');`
	`532`	`+`
	`533`	`+observer=newIntersectionObserver((entries)=> {`
	`534`	`+const [myImg ]= entries;`
	`535`	`+if (myImg.intersectionRatio>0) {`
	`536`	`+myImg.target.classList.add('fancy');`
	`537`	`+ }else {`
	`538`	`+myImg.target.classList.remove('fancy');`
	`539`	`+ }`
	`540`	`+});`
	`541`	`+`
	`542`	`+`
	`543`	`+observer.observe(image);`
	`544`	`+`
	`545`	+```
`529`	`546`
`530`	`547`

Comments

(0)