Parallax Scroll Component

A smooth parallax scrolling component for modern web applications.

Installation

npm install parallax-scroll-component

Usage

import ParallaxScroll from 'parallax-scroll-component';

const images = [
  'path/to/image1.jpg',
  'path/to/image2.jpg',
  'path/to/image3.jpg'
];

const parallax = new ParallaxScroll('#container', {
  images: images,
  transitionDuration: 800, // optional, default 800ms
  easing: 'ease-in-out'   // optional, default 'ease-in-out'
});

// Programmatic control
parallax.next(); // Go to next slide
parallax.prev(); // Go to previous slide
parallax.goTo(1); // Go to specific index

Options

| Option | Type | Default | Description | |--------|------|---------|-------------| | images | Array | [] | Required. Array of image URLs | | transitionDuration | Number | 800 | Animation duration in milliseconds | | easing | String | 'ease-in-out' | CSS transition timing function |

Methods

• next(): Go to next slide
• prev(): Go to previous slide
• goTo(index): Go to specific slide index

License

MIT