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+