#### Methods
- scrollTo (x , y, [options , timing }>])
- scrolls to the provided x, y coordinates in the container. You can optionally
animate this by providing an options object with a duration. By default the
timing function is linear, but you could for example use this bezier-easing
library: https://github.com/gre/bezier-easing
`js
const bezierCurve = BezierEasing(0, 0, 1, 0.5);
scrollTo(0, 250, {timing: bezierCurve})

const cubicIn = x => x x x
scrollTo(0, 250, {timing: cubicIn, duration: 400})
`
- scrollToY (y, [options , timing }>])
- scrolls to the provided y coordinate in the container
- scrollToX (x, [options , timing }>])
- scrolls to the provided x coordinate in the container

#### State
- scrollX {integer}
- the horizontal scroll position in the container from the left edge
- scrollY {integer}
- the vertical scroll position in the container from the top edge
- scrollWidth {integer}
- the width of the scrollable area
- scrollHeight {integer}
- the height of the scrollable area
- clientWidth {integer}
- client width of the container
- clientHeight {integer}
- client height of the container
- max {object: {x , y }}
- the maximum possible scroll position in the container along both x and y
coordinates
- direction {object: {x , y }}
- the direction the container was just scrolled.
- 1 = right for x, down for y
- -1 = left for x, up for y
- 0 = had no direction
- distance {object: {x , y }}`
- the distance between the latest recorded scroll activity in the frame and
the previous scroll activity