Skip to content

dieuhd/scrolltofixed-ng

Repository files navigation

scrolltofixed-ng(angular scrolltofixed)

AngularJS directive for ScrollToFixed

Requirements

  • AngularJS
  • ScrollToFixed
  • Firefox 3+, Google Chrome 10+, Safari 5+, Internet Explorer 8/9, and Opera 11.60+.

Testing

We use karma and jshint to ensure the quality of the code. The easiest way to run these checks is to use grunt:

  npm install -g grunt-cli
  npm install
  bower install
  grunt

The karma task will try to open Chrome as a browser in which to run the tests. Make sure this is available or change the configuration in test\karma.conf.js

Usage

First, read the documentation of ScrollToFixed.

We use bower for dependency management. Install and save to bower.json by running:

bower install scrolltofixed-ng --save

This will copy the ui-date files into your components folder, along with its dependencies.

Load the script files in your application:

<script type="text/javascript" src="components/angular/angular.js"></script>
<script src="bower_components/ScrollToFixed/jquery-scrolltofixed.js"></script>
<script src="bower_components/scrolltofixed-ng/src/scrolltofixed.js"></script>

Add the date module as a dependency to your application module:

var myAppModule = angular.module('MyApp', ['scrolltofixed-ng'])

Apply the directive to your form elements:

<div scroll-to-fixed> </div>

Attributes

scroll-to-fixed

scroll-to-fixed defines the options to pass to ScrollToFixed.

You can specify them via a plain object in your templates:

    <div scroll-to-fixed="{ bottom: 0 }">ScrollToFixed</div>

or a scoped object in your controllers:

$scope.options = {
  bottom: 0
};
<div scroll-to-fixed="options">ScrollToFixed</div>

Or Setting at config app

  .config(function (stfConfig){
 
    stfConfig.marginTop = 120;
 }) 

ng-model

ng-model defines the object to watch and triggers a resize event on ScrollToFixed when this object changes.

Events

update

update triggers a resize event on ScrollToFixed.

$destroy

$destroy triggers a detach.ScrollToFixed event on ScrollToFixed.

License

scrolltofixed-ng is released under the MIT license.

About

ScrollToFixed Directive Module for AngularJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published