jquery.nail

A jQuery plugin that enables a label to be nailed in the loacation you want.

Installing with NPM

$ npm install jquery.nail --save

Installing with Bower

$ bower install jquery.nail --save

Demo

http://wabish.github.io/jquery.nail/

Browser Support

Chrome Firefox Safari

How to use

Simply include the jquery.nail.min.js file and place the following in the head of your document (make sure jQuery is included).

Minimum setup

$(function() {
  $('#box').nail();
});

Example with default options

$(function() {
  $('#box').nail({
    onTop: function(elem) {
      elem.css('background', '#869EB5');
    },
    onBottom: function(elem) {
      elem.css('background', 'rgb(34, 89, 58)');
    },
    onFixed: function(elem) {
      elem.css('background', '#000');
    }
  });
});

License

This plugin is available under the MIT license.