Parallax Container

Parallax Container

Parallax effect in your app

$10.00

Not yet rated
CodeExplorer

CodeExplorer

Member since 2016

Details

Version:
1.0
Size:
0mb
Ionic:
2.x,3.x
Platforms:
iOS, Android, Windows Phone
Released:
7 years ago
Updated:
6 years ago
Category:
Plugins
Tags:
parallax, content, header, Ionic 2, Ionic 3

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:

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

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

Usage:

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

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

Hey there! You'll need to log in before you can leave a comment here.

Davi Bertolini

Davi Bertolini   ·   7 years ago

Hello, thanks, we purchased your component, but how can we remove the bounce (over scroll when pulling down) on iOS?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Davi Bertolini

Davi Bertolini   ·   7 years ago

Hello, thanks, we purchased your component, but how can we remove the bounce (over scroll when pulling down) on iOS?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Cristian

Cristian   ·   6 years ago

Hi, just a quick question. Is that component works with lazy loaded pages? Thanks.

CodeExplorer

CodeExplorer   ·   6 years ago

Hi @Cristian, this component works as any other component, and should be added inside ion-content component.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Cristian

Cristian   ·   6 years ago

Hi, just a quick question. Is that component works with lazy loaded pages? Thanks.

CodeExplorer

CodeExplorer   ·   6 years ago

Hi @Cristian, this component works as any other component, and should be added inside ion-content component.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Davi Bertolini

Davi Bertolini   ·   7 years ago

Hello, thanks, we purchased your component, but how can we remove the bounce (over scroll when pulling down) on iOS?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Davi Bertolini

Davi Bertolini   ·   7 years ago

Hello, thanks, we purchased your component, but how can we remove the bounce (over scroll when pulling down) on iOS?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.

There are no ratings for this plugin yet

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}