https://github.com/itsmunim/scroll-to-stick
A Javascript way to create native like parallax header effects.
https://github.com/itsmunim/scroll-to-stick
header javascript mobile-web native parallax-scrolling parallex react
Last synced: 7 months ago
JSON representation
A Javascript way to create native like parallax header effects.
- Host: GitHub
- URL: https://github.com/itsmunim/scroll-to-stick
- Owner: itsmunim
- Created: 2020-02-01T04:05:37.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T06:14:08.000Z (about 3 years ago)
- Last Synced: 2024-11-17T04:46:44.931Z (about 1 year ago)
- Topics: header, javascript, mobile-web, native, parallax-scrolling, parallex, react
- Language: JavaScript
- Homepage: https://dibosh.github.io/scroll-to-stick/
- Size: 2.49 MB
- Stars: 8
- Watchers: 2
- Forks: 3
- Open Issues: 15
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
A Javascript way to create parallax header effects.
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Usage](#usage)
- [Feedback](#feedback)
## Introduction
If you are building a mobile-first webapp and you would like to have a parallax effect that normally a native app header can have- this tiny simple lib will get your job done.
## Features
* Native like parallex effect, simply using Javascript
* Event driven helper method, to help you do or invoke other customizations when the parallex effect starts and ends
## Prerequisite
- Install via [npm](https://www.npmjs.com/)- `npm i scroll-to-stick`
## Usage
- Check the [webpage](https://dibosh.github.io/scroll-to-stick/) for detailed usage guide.
## Used In
Create an issue or submit a PR to include your webpage, if `scroll-to-stick` is used there.
- [OurDaily](https://ourdaily.co/)
## Feedback
Feel free to [file an issue](https://github.com/dibosh/scroll-to-stick/issues/new).