bianco.viewport

[![Build Status][ci-image]][ci-url]
[![NPM version][npm-version-image]][npm-url]
[![NPM downloads][npm-downloads-image]][npm-url]
[![MIT License][license-image]][license-url]

Usage

``js
import viewport from 'bianco.viewport'

// get the current scroll top position
const offsetTop = viewport.scrollTop()
`

[ci-image]:https://img.shields.io/github/workflow/status/biancojs/viewport/test?style=flat-square
[ci-url]:https://github.com/biancojs/viewport/actions

[license-image]: http://img.shields.io/badge/license-MIT-000000.svg?style=flat-square

[license-url]: LICENSE.txt

[npm-version-image]: http://img.shields.io/npm/v/bianco.viewport.svg?style=flat-square

[npm-downloads-image]: http://img.shields.io/npm/dm/bianco.viewport.svg?style=flat-square

[npm-url]: https://npmjs.org/package/bianco.viewport

API

#### Table of Contents

- scrollbarWidth
- documentHeight
- documentWidth
- scrollTop
- scrollLeft
- elementOffsetTop
- Parameters
- elementOffsetLeft
- Parameters

$3

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

Returns number the browser scrollbar width

$3

Get the height of the whole page

Returns number height in px of the document

$3

Get the width of the whole page

Returns number width in px of the document

$3

Return amount of px scrolled from the top of the document

Returns number scroll top value in px

$3

Return amount of px scrolled from the left of the document

Returns number scroll left value in px

$3

Get the offset top of any DOM element

#### Parameters

- el HTMLElement the element we need to check

Returns number the element y position in px

$3

Get the offset left of any DOM element

#### Parameters

- el` HTMLElement the element we need to check

Returns number the element x position in px