ang2-parallax
Advanced tools
An easy way to implement parallax scrolling for Angular2 components. (There's also an Angular 1.x directive for those that need it.)
Include the module in your scripts.
import { Component } from '@angular/core';
import { ng2Parallax } from '<pathTo>/ng2-parallax/parallax.directive';
@Component({
selector: 'my-component',
directives: [ng2Parallax],
template:`
<div style='width: 200; height: 200px'>
<div parallax speed="5" src="path/to/image.jpg"></div>
</div>
`
})
export class componentName { }
1.0.0
npm install ng-parallax --save-dev
bower install ng-simple-parallax --save
speed = 0 to xx (the higher the number, the slower the effect). This part requires some tinkering since different image sizes will respond differently.
src = path to image
MIT - go nuts y'all.
FAQs
A parallax module built for Angular 2 components.
The npm package ang2-parallax receives a total of 24 weekly downloads. As such, ang2-parallax popularity was classified as not popular.
We found that ang2-parallax demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Fluent Assertions is facing backlash after dropping the Apache license for a commercial model, leaving users blindsided and questioning contributor rights.
Research
Security News
Socket researchers uncover the risks of a malicious Python package targeting Discord developers.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.