Sticky Block - js + CSS

sticky-block.html

<script type="text/javascript">
jQuery(document).ready(function($) {
	
	// Only enable when the screen size is large enough for a sidebar
	if ( $(window).width() > '1024' ) {
		
		// Fix the block if our scroll position is below the top of the page - 1px to make transition more fluid.
		var top = $('.sticky').offset().top - 1;

		$(window).scroll(function(e) {
			// Get the position of the vertical scroll.
        	var y = $(this).scrollTop();
        
			if ( y >= top ) {
        		$('.sticky').addClass('fixed');
        	} else {
        		$('.sticky').removeClass('fixed');
        	}
		});
	}
});
</script>
<style type="text/css">
.fixed {
  position: fixed;
  top: 0;
  max-width: 360px; /* theme specific */
}
</style>