Floating-to-Fixed Placement Element

floating-to-fixed-el.js

var topOffsetOfElement = $('#element').offset().top;

$(window).scroll(function (event) {
    // get the y position of the scroll
	var y = $(this).scrollTop();
	
	// is that below the element
	if (y >= top) {
		// add fixed
		$('#element').addClass('fixed');
	} 	else  {
		// remove it
		$('#element').removeClass('fixed');
	}
});

Add positioning in CSS class fixed.