Nest all content into snippets
This commit is contained in:
23
snippets/js/s/bottom-visible.md
Normal file
23
snippets/js/s/bottom-visible.md
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
title: Check if bottom of page is visible
|
||||
type: snippet
|
||||
language: javascript
|
||||
tags: [browser]
|
||||
cover: red-mountain
|
||||
dateModified: 2020-10-22T20:23:47+03:00
|
||||
---
|
||||
|
||||
Checks if the bottom of the page is visible.
|
||||
|
||||
- Use `Window.scrollY`, `Element.scrollHeight` and `Element.clientHeight` to determine if the bottom of the page is visible.
|
||||
|
||||
```js
|
||||
const bottomVisible = () =>
|
||||
document.documentElement.clientHeight + window.scrollY >=
|
||||
(document.documentElement.scrollHeight ||
|
||||
document.documentElement.clientHeight);
|
||||
```
|
||||
|
||||
```js
|
||||
bottomVisible(); // true
|
||||
```
|
||||
Reference in New Issue
Block a user