0.1.5 • Published 7 years ago

scrollify-lite v0.1.5

Weekly downloads
5
License
MIT
Repository
github
Last release
7 years ago

# Scrollify lite

Scrollify lite is a simple code for hiding header when scrolling down and showing when scrolling up.

This lets the content to be more focus and shine.

Try scrolling down and then up.

## Install

npm install scrollify-lite

## Usage

// css

.header-show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s cubic-bezier(.45,1,.22,1);
    transition: all .5s cubic-bezier(.45,1,.22,1);
}

.header-hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s cubic-bezier(.55,.055,.675,.19);
    transition: all .3s cubic-bezier(.55,.055,.675,.19);
}

// js

import scrollify from 'scrollify-lite'

scrollify('.header', '.Post')

## Credits

estebanrfp

## License

MIT

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago