search

aqzhyi / angularjs-stellar

An AngularJs directives for jQuery stellar.js plugin.
35 stars 12 forks source link

readme

stellar.js Parallax Scrolling directives for AngularJS

About

This directive is based on stellar.js.

Requirements

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>