PositionSticky

Usage

 -------------------------- => window 
|   --------------------   |
|  |              ---   |==|=> container
|  |             |   |  |  |
|  |             |   |==|==|=> sticky  
|  |              ---   |  |
|  |                    |  |
|  |                    |  |
|  |                    |  |
|  |                    |  |
|   --------------------   |
|   --------------------   |
|  |                    |  |
|  |                    |  |

PositionSticky follows UMD pattern.

Consume as a CommonJS module

var PositionSticky = require('./bower_components/PositionSticky/dist/PositionSticky.js');
var element = document.getElementById('sticky');
var sticky  = PositionSticky.create(element);  

Consume as an AMD module

require(['./bower_components/PositionSticky/dist/PositionSticky.js'], function(PositionSticky) {
  var element = document.getElementById('sticky');
  var sticky  = PositionSticky.create(element);
});  

Consume as a global variable

var element = document.getElementById('sticky');
var sticky  = PositionSticky.create(element);  

Examples

• Simple usage
• Left floating elements
• Right floating elements
• Multiple floating elements
• Refresh functionality
• A sidebar example

Browser Support

• Chrome
• Firefox
• Safari
• IE9+