angular-parallax - GitLite

KO | EN

gitlite — search

#javascript #python #golang #android #machine-learning #rust #deep-learning #linux #macos #java #windows #kubernetes #ios #open-source

angular-parallax

(★ 123)

Angular.js module for parallax goodness.

파일 탐색기

최종 버전 다운로드 (.zip)

- animals.jpg
- cats.jpg
- food.jpg
- muther.jpg
- nature.jpg
- ng-parallax.png
- angular-parallax.js
- main.css
bower.json
index.html
LICENSE
package.json
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/functionsio/angular-parallax

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd angular-parallax

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![AngularJS Parallax](https://raw.github.com/brettdonohoo/angular-parallax/master/images/ng-parallax.png)

# Angular Parallax

**angular-parallax** is an [AngularJS](http://angularjs.org/) module for providing parallax-like functionality for DOM elements

Heavily inspired by [stellar.js](http://markdalgleish.com/projects/stellar.js/).

Demos
-----

Check out the demo [here](https://functions.io/angular-parallax/index.html).

Version Numbers
---------------

Getting Started
---------------

* [View the source](https://functions.io/angular-parallax/index.html)
 * Include the script tag on your page after the AngularJS tag

<script type='text/javascript' src='path/to/angular.min.js'></script>
        <script type='text/javascript' src='path/to/angular-parallax.js'></script>

* Ensure that your application module specifies angular-parallax` as a dependency:

angular.module('myApplication', ['angular-parallax']);

* Use the directive by specifying a `parallax` or `parallax-background` attribute on an element.

<img parallax parallax-ratio="0.4" src="some/image.jpg" />
        <div parallax-background parallax-ratio="0.2"></div>

Detailed Documentation
----------------------

**angular-parallax** accepts several attributes to customize the behavior of the directive; detailed instructions coming soon

Submitting Issues
----------------------

If your issue appears to be a bug, and hasn't been reported, open a new issue.  Providing the following information will increase the chances of your issue being dealt with quickly:

* **Overview of the Issue** - if an error is being thrown a non-minified stack trace helps
* **Motivation for or Use Case** - explain why this is a bug for you
* **Angular Parallax Version(s)** - is it a regression?
* **Browsers and Operating System** - is this a problem with all browsers or only IE8?
* **Reproduce the Error** - provide a live example (using [Plunker](http://plnkr.co/),
 [JSFiddle](http://jsfiddle.net/), or [CodePen](http://codepen.io/)).
* **Related Issues** - has a similar issue been reported before?
* **Suggest a Fix** - if you can't fix the bug yourself, perhaps you can point to what might be
  causing the problem (line of code or commit)

Here is a great example of a well defined issue: https://github.com/angular/angular.js/issues/5069

License
-------

**angular-parallax** is licensed under the MIT license. See the LICENSE file for more details.