tom-test-3 v1.0.0

Gatsby Scroller

Simple package to manipulate window scroll speed and smooth effect during scroll.

Install

npm i gatsby-scroller

Usage

You can wrap those page components you want to animate during window scroll or all page wrapping layout component.

import React from 'react';
import Scroller from 'gatsby-scroller';

const Layout = ({ children }) => (
  <>
    <Scroller offset={5} lenght={2}>
      {children}
    </Scroller>
  </>
);

export default Layout;

Options

You can manipulate the flow of animation through props below:

Live demo

Soon

Github

https://github.com/koniecznytomek/gatsby-scroller

Licence

MIT

Author

Feel free to contact:

@tomekkoniec

tomek@tomekkonieczny.com