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 ), []); 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 ```js
const getScrollPos = (scroller = window) => { const getScrollPos = (el = window) =>
let x = (scroller.pageXOffset !== undefined) ? scroller.pageXOffset : scroller.scrollLeft; ( {x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
let y = (scroller.pageYOffset !== undefined) ? scroller.pageYOffset : scroller.scrollTop; y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop} );
// getScrollPos() -> {x: 0, y: 200}
return {x, y}
}
// getScrollPos() -> {x: number, y: number}
``` ```
### Greatest common divisor (GCD) ### Greatest common divisor (GCD)
Use recursion. 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 ```js
const getScrollPos = (scroller = window) => { const getScrollPos = (el = window) =>
let x = (scroller.pageXOffset !== undefined) ? scroller.pageXOffset : scroller.scrollLeft; ( {x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
let y = (scroller.pageYOffset !== undefined) ? scroller.pageYOffset : scroller.scrollTop; y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop} );
// getScrollPos() -> {x: 0, y: 200}
return {x, y}
}
// getScrollPos() -> {x: number, y: number}
``` ```