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