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

Update bottom-visible.md

Browse Source
This commit is contained in:
Angelos Chalaris
2017-12-13 14:14:04 +02:00
committed by GitHub
parent 556ef539fd
commit bab7996b3b
1 changed files with 4 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
snippets/bottom-visible.md
View File

@ -1,16 +1,9 @@
### Bottom visible ### Bottom visible
Returns `true` if bottom of the page is visible. It adds `scrollY` to Use `scrollY`, `scrollHeight` and `clientHeight` to determine if the bottom of the page is visible.
the height of the visible portion of the page (`clientHeight`) and
compares it to `pageHeight` to see if bottom of the page is visible.
```js ```js
const bottomVisible = () => { const bottomVisible = _ =>
const scrollY = window.scrollY; document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight || document.documentElement.clientHeight;
const visibleHeight = document.documentElement.clientHeight; // bottomVisible() -> true
const pageHeight = document.documentElement.scrollHeight;
const bottomOfPage = visibleHeight + scrollY >= pageHeight;
return bottomOfPage || pageHeight < visibleHeight;
}
``` ```