angular-backtop

A simple Angular.js directive to create "Back to top" button when user reaches the end of the page.

You can see a working demo here.

Installation

Assuming that you already have Angular.js in your app, include angular-backtop.js and angular-backtop.css.

You can also use Bower, just type:

bower install --save angular-backtop

Add directive as your dependency:

var app = angular.module('app', ['angular.backtop']);

Create directive element somewhere inside of your tag:

<back-top>Scroll top</back-top>

... and thats all, you have a basic button, that will appear when you start scrolling the page. Click on it to be redirected to the top.

Options

You can pass some more options to the directive.

• scroll-speed - Speed in miliseconds, default value is 600
• button-theme - Themes for button, there is bootstrap, dark & light. Default it light.

Example:

 <back-top scroll-speed=600 button-theme="light">Take me back</back-top>

Tests

npm install
grunt karma:unit