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

Build README

Browse Source
This commit is contained in:
Angelos Chalaris
2017-12-12 14:09:11 +02:00
parent 06aa1a7ec9
commit 71eb402bbf
2 changed files with 16 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@ -188,20 +188,18 @@ var flatten = arr =>
arr.reduce( (a, v) => a.concat( Array.isArray(v) ? flatten(v) : v ), []);
```
## Get Scroll Position
## Get scroll position
Get the current distance scrolled by `window` or `HTMLElement` as an {x,y} object
Use `pageXOffset` and `pageYOffset` if they are defined, otherwise `scrollLeft` and `scrollTop`.
You can omit `el` to use a default value of `window`.
```js
const getScrollPos = (scroller = window) => {
let x = (scroller.pageXOffset !== undefined) ? scroller.pageXOffset : scroller.scrollLeft;
let y = (scroller.pageYOffset !== undefined) ? scroller.pageYOffset : scroller.scrollTop;
return {x, y}
}
// getScrollPos() -> {x: number, y: number}
const getScrollPos = (el = window) =>
( {x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop} );
// getScrollPos() -> {x: 0, y: 200}
```
### Greatest common divisor (GCD)
Use recursion.

17
snippets/get-scroll-position.md
View File

@ -1,14 +1,11 @@
## Get Scroll Position
## Get scroll position
Get the current distance scrolled by `window` or `HTMLElement` as an {x,y} object
Use `pageXOffset` and `pageYOffset` if they are defined, otherwise `scrollLeft` and `scrollTop`.
You can omit `el` to use a default value of `window`.
```js
const getScrollPos = (scroller = window) => {
let x = (scroller.pageXOffset !== undefined) ? scroller.pageXOffset : scroller.scrollLeft;
let y = (scroller.pageYOffset !== undefined) ? scroller.pageYOffset : scroller.scrollTop;
return {x, y}
}
// getScrollPos() -> {x: number, y: number}
const getScrollPos = (el = window) =>
( {x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop} );
// getScrollPos() -> {x: 0, y: 200}
```