How to fix div when browser scrolls?

scroll.js

jQuery(function($) {
  function fixDiv() {
    var $cache = $('#getFixed');
    if ($(window).scrollTop() > 100)
      $cache.css({
        'position': 'fixed',
        'top': '10px'
      });
    else
      $cache.css({
        'position': 'relative',
        'top': 'auto'
      });
  }
  
  $(window).scroll(fixDiv); //Just capture the scroll event and execute the function
  fixDiv(); // call on load of the page
});