title: FancyBox jumping to the top of page
body: <p>I am very new to jQuery and I have a fancybox on my website. But when I open one of the images in the gallery, fancybox jumps up to the top of the page. My script looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('.fancybox').fancybox({
           helpers:  {
                        title : { type : 'inside' }, 
                     }, //helpers
           beforeLoad: function() 
                     {
                        this.title = $(this.element).attr('caption');
                     }
           overlay : {
                        showEarly : false
                     } //overlay
  
          });
   });
  
  
  &lt;/script&gt;
  </code></pre>