andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update snippets 32-47

Browse Source
This commit is contained in:
Stefan Feješ
2017-12-25 14:10:38 +01:00
committed by Agamemnon Zorbas
parent 3994e12792
commit 0001ff4dcb
16 changed files with 71 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
snippets/elementIsVisibleInViewport.md
View File

@ -16,7 +16,10 @@ const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
: top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
};
// e.g. 100x100 viewport and a 10x10px element at position {top: -1, left: 0, bottom: 9, right: 10}
// elementIsVisibleInViewport(el) -> false (not fully visible)
// elementIsVisibleInViewport(el, true) -> true (partially visible)
```
```js
// e.g. 100x100 viewport and a 10x10px element at position {top: -1, left: 0, bottom: 9, right: 10}
elementIsVisibleInViewport(el) -> false // (not fully visible)
elementIsVisibleInViewport(el, true) -> true // (partially visible)
```