Angular Warp Scroll
Simple directive for scrolling into the website and add dots navigation automatically. Currently under development.
- AngularJS 1.5+
- jQuery 2.2+ (still)
You have two ways to get this module running. Choose this one you feel most comfortable with.
Installation without Package Manager
angular-scroll-watch from https://github.com/nextlevelshit/angular-warp-scroll/archive/master.zip and unzip.
2) Solve dependencies
AngularJS from CDN or download the main script files to your folder.
3) ADd files to your website
Please do not forget to specify the folder to the downloaded files. Replace
[PATH-TO-YOUR-DOWNLOAD-FOLDER] with your path to the downloaded files.
Installation with npm
1) Check if you got node.js already running
If you get no result please download and install
node.js from https://docs.npmjs.com/getting-started/installing-node
3) Install dependencies
3) Add all necessary files to your website
Put this lines into
<head> of your website.
It is also recommended to use the delivered styles, but they are not necessary.
4) Initialize the script
Specify the angular app in the
angular-warp-scroll controller in the
After you have followed all steps above, you are now free to use this module. Take a look at the example.html to see all features.
The navigation is rendered automatically from the amount of slides, which are declared by
Adding the attribute
data-title specifies the displayed navigation point.
Add element with class
slide to a wrapper.