Parallax scroll for Angular9+. Demo
You can install @boatzako/ngx-parallax-scroll by using npm.
npm install @boatzako/ngx-parallax-scroll --save
Import ngx-parallax-scroll module
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { NgxParallaxScrollModule } from '@boatzako/ngx-parallax-scroll'; // <-- add
@NgModule({
imports: [
BrowserModule,
NgxParallaxScrollModule // <-- add
],
declarations: [
AppComponent,
],
bootstrap: [ AppComponent ]
})
export class AppModule { }Then in HTML
<ngx-parallax-scroll>
<img parallax-img src="/assets/your-image.jpg" alt="">
</ngx-parallax-scroll>Selector: ngx-parallax-scroll
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
| styleClass | string |
no | Style class of the component. |
Selector: parallax-img
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
| ratio | number |
1 | no | speed when scrolling |
This project is licensed under the MIT License - see the LICENSE file for details