Skip to content

Commit 1712bd0

Browse files
updated: documentation
1 parent 72c9f66 commit 1712bd0

File tree

1 file changed

+32
-11
lines changed

1 file changed

+32
-11
lines changed

README.md

Lines changed: 32 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,15 @@
66
[![NPM downloads][npm-downloads-image]][npm-url]
77
[![MIT License][license-image]][license-url]
88

9+
## Usage
10+
11+
```js
12+
import viewport from 'bianco.viewport'
13+
14+
// get the current scroll top position
15+
const offsetTop = viewport.scrollTop()
16+
```
17+
918
[travis-image]: https://img.shields.io/travis/biancojs/viewport.svg?style=flat-square
1019

1120
[travis-url]: https://travis-ci.org/biancojs/viewport
@@ -24,52 +33,64 @@
2433

2534
<!-- Generated by documentation.js. Update this documentation by updating the source code. -->
2635

36+
#### Table of Contents
37+
38+
- [scrollbarWidth](#scrollbarwidth)
39+
- [documentHeight](#documentheight)
40+
- [documentWidth](#documentwidth)
41+
- [scrollTop](#scrolltop)
42+
- [scrollLeft](#scrollleft)
43+
- [elementOffsetTop](#elementoffsettop)
44+
- [Parameters](#parameters)
45+
- [elementOffsetLeft](#elementoffsetleft)
46+
- [Parameters](#parameters-1)
47+
2748
### scrollbarWidth
2849

2950
Return the size of the scrollbar that depends on the browser or device used on the client
3051

31-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** the browser scrollbar width
52+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** the browser scrollbar width
3253

3354
### documentHeight
3455

3556
Get the height of the whole page
3657

37-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** height in px of the document
58+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** height in px of the document
3859

3960
### documentWidth
4061

4162
Get the width of the whole page
4263

43-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** width in px of the document
64+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** width in px of the document
4465

4566
### scrollTop
4667

4768
Return amount of px scrolled from the top of the document
4869

49-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** scroll top value in px
70+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** scroll top value in px
5071

5172
### scrollLeft
5273

5374
Return amount of px scrolled from the left of the document
5475

55-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** scroll left value in px
76+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** scroll left value in px
5677

5778
### elementOffsetTop
5879

5980
Get the offset top of any DOM element
6081

61-
**Parameters**
82+
#### Parameters
6283

63-
- `el` **[HTMLElement](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)** the element we need to check
84+
- `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** the element we need to check
6485

65-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** the element y position in px
86+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** the element y position in px
6687

6788
### elementOffsetLeft
6889

6990
Get the offset left of any DOM element
7091

71-
**Parameters**
92+
#### Parameters
7293

73-
- `el` **[HTMLElement](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)** the element we need to check
94+
- `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** the element we need to check
7495

75-
Returns **[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)** the element x position in px
96+
Returns **[number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number)** the element x position in px

0 commit comments

Comments
 (0)