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: about 4 hours 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T06:14:08.000Z (almost 2 years ago)
• Last Synced: 2024-11-17T04:46:44.931Z (3 days 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

        
![downloads](https://img.shields.io/npm/dy/scroll-to-stick?style=flat-square)

![downloads](https://img.shields.io/npm/dw/scroll-to-stick?style=flat-square)

![version](https://img.shields.io/npm/v/scroll-to-stick?color=green&style=flat-square)



  

    

  





  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).