AngularJS directive for ScrollToFixed
- AngularJS
- ScrollToFixed
- Firefox 3+, Google Chrome 10+, Safari 5+, Internet Explorer 8/9, and Opera 11.60+.
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
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>
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
defines the object to watch and triggers a resize
event on ScrollToFixed
when this object changes.
update
triggers a resize
event on ScrollToFixed
.
$destroy
triggers a detach.ScrollToFixed
event on ScrollToFixed
.
scrolltofixed-ng
is released under the MIT license.