Two snippets for making an element fixed after scrolling over a certain point. Saving for reference.

gistfile1.js

// @rem's solution

$(document).ready(function () {  
  
  var $comment = $('#comment'),
      top = $comment.offset().top - parseFloat($comment.css('marginTop').replace(/auto/, 0)),
      $window = $(window);
              
  $window.scroll(function (event) {
    // what the y position of the scroll is
    var y = $window.scrollTop();
  
    // whether that's below the form
    if (y >= top) {
      // if so, ad the fixed class
      $comment.addClass('fixed');
    } else {
      // otherwise remove it
      $comment.removeClass('fixed');
    }
  });
});

gistfile2.js

// @octavioamu's solution

var fixed = false;

$(document).scroll(function() {
    if( $(this).scrollTop() >= 100 ) {
        if( !fixed ) {
            fixed = true;
            $('#myDiv').css({position:'fixed',top:20});
        }
    } else {
        if( fixed ) {
            fixed = false;
            $('#myDiv').css({position:'static'});
        }
    }
});