Makefixed.js : jQuery Fixed Element during Scroll

#makefixed.js

What's up?

MakeFixed.js is a quick way to dynamically set up elements to be fixed during scroll.

• Lightweight! Less than 2.4KB;
• Allow callback functions;
• jQuery required.

View the demo

Installation

• Install via Bower bower install --save makefixed
• Download via GitHub

How to use?

Quick way

$('.fixed').makeFixed();

Custom way

In this example, we have several elements using the class .fixed But we gonna work on a specific element when fixed, id #photo.

$('.fixed').makeFixed ({ 	onFixed: function (el) 	{ 		if ($(el).attr('id') == 'photo') 		{ 			$(el).children().css 			({ 				width: '500px' 			}); 		} 	}, 	onUnFixed: function (el) 	{ 		if ($(el).attr('id') == 'photo') 		{ 			$(el).children().css 			({ 				width: '450px' 			}); 		} 	} });

Help?

Tweet me: @guimadaleno

License

GNU GPL

Enjoy \o