title: How to add a fixed offset when using scrollTop()
body: <p>I want to set a <code>position:fixed</code> to a div when it scrolls past the top of the screen. I have done this successfully with the following code:</p>
  
  <pre><code>   var $window = $(window),
         $stickyEl = $('#the-sticky-div'),
         elTop = $stickyEl.offset().top;
  
     $window.scroll(function() {
          $stickyEl.toggleClass('sticky', $window.scrollTop() &gt; elTop);
      });
  </code></pre>
  
  <p>Where the CSS is:</p>
  
  <pre><code>     #the-sticky-div.sticky {
       position: fixed;
       top: 0px;
       width:100%;
       z-index:2000;
    }
  </code></pre>
  
  <p>My question: I want to modify this so that the div is held under a navbar of height 60px, rather than at the top of the page. I know I need to modify the CSS to `top:60px', but how do I add the 60px offset to the jquery so it sticks earlier rather than scrolling under the navbar first?</p>
  
  <p>Thanks</p>