title: Jscrollpane + Fancybox + Bootstrap
body: <p>I'm trying to solve a problem that does not show the JScrollPane on a window ajax Fancybox with row within a structure-fluid bootstrap.</p>
  
  <p>I saw on the net almost all the posts related to the problem, I have tried almost everything, but it really is a problem you can not solve?</p>
  
  <p>I used a file main.js  :  specific code for fancybox whit jscrollpane (no work in firefox)</p>
  
  <pre><code>$(".various").attr('rel', 'gallery').fancybox({
          maxWidth: 900,
          maxHeight: 400,
          fitToView: false,
          autoSize: false,
          closeClick: false,
          openEffect: 'fade',
          closeEffect: 'fade',
  
  
          'onComplete': (function(){
             scrollpane = $('.row-fluid #span4project').jScrollPane({showArrows: true, scrollbarWidth : '50'});
          }),
          'onStart' : (function() {
  
          }),
          'onClose' : (function() {
              scrollpane.destroy();
          })
  
  
      });
  </code></pre>
  
  <p>Code for the content in home page (good work in firefox)</p>
  
  <pre><code> if (!$.browser.webkit) {
        $('#content1').jScrollPane();
        $('#content2').jScrollPane();
        $('#content3').jScrollPane();
        $('#content4').jScrollPane();
  
            }
  </code></pre>