Parallax Container

Parallax Container

Parallax effect in your app

$10.00

CodeExplorer

CodeExplorer

Member since 2016

Details

Version:
1.0
Ionic:
3.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
2 years ago
Category:
Plugins
Tags:
,

Parallax Container for Ionic v2/v3 is an easy-to-use component which adds content with parallax effect into your Ionic app.

Installation:

  • Download the zip file and unzip it;
  • Copy files from vice-parallax-container/src and paste them into src folder within your project;
  • Import component in app.module.ts:

```javascript import { ViceParallaxContainer} from 'path/to/vice-parallax-container'; ...

@NgModule({ declarations: [ ..., ViceParallaxContainer ], ... }) export class AppModule {} ```

Usage:

In your view, add inside the <ion-content>:

html <vice-parallax-container [velocity]="3"> <!-- Some content to have parallax effect --> </vice-parallax-container> <!-- Other content -->

Options:
  • [velocity] (optional number, default is 2) - velocity of parallax effect;

Note: For better effect in iOS native app, install cordova-plugin-wkwebview-engine plugin.
Note: Currently, component can be used as a header only, as shown in the demo.