angularjs-stellar
angularjs-stellar copied to clipboard
An AngularJs directives for jQuery stellar.js plugin.
stellar.js Parallax Scrolling directives for AngularJS
About
This directive is based on stellar.js.
Requirements
- AngularJS
- jQuery
Tested on AngularJS 1.0.6, jQuery 1.9.1.
Installation
var app = angular.module('site', ['stellar.directives']);
Usage
in app.js
app.controller('yourCtrl', function($scope, stellar) {
// The first step is to run .stellar() against the element:
stellar.against(window);
// ,
// stellar.window();
// or
// stellar.against('body, .planet, .sun');
})
html directives
<body stellar-background="0.8">
<div class="planet" stellar="0.8" stellar-hor="0"></div>
<div class="sun" stellar="1.2" stellar-vert="0"></div>
</body>