title: Perfect Scrollbar not showing/updating the scrollbar in modal
body: <p>I'm using Perfect Scrollbar (<a href="https://github.com/noraesae/perfect-scrollbar" rel="nofollow noreferrer">https://github.com/noraesae/perfect-scrollbar</a>) to style the scrollbar. The issue is when I open my modal, the scrollbar doesn't appear/update to the new styled one. It only appears after I start scrolling the content. I found a similar problem:</p>
  
  <p>"If it appears when starting scrolling, it's very likely to be a timing issue. Please ensure that PS' update method is called after the div is filled with content. I'm not sure which modal is being used, but there could be a callback to handle it."</p>
  
  <p><a href="https://github.com/noraesae/perfect-scrollbar/issues/263" rel="nofollow noreferrer">https://github.com/noraesae/perfect-scrollbar/issues/263</a></p>
  
  <p>However, when I try to put <code>https://github.com/noraesae/perfect-scrollbar</code> into the code from remodal's script the scrollbar still doesn't update and doesn't appear.</p>
  
  <p><em>EDIT</em> Please see problem here (<a href="http://imdarrien.com/#" rel="nofollow noreferrer">http://imdarrien.com/#</a>) Press on any of the projects.</p>
  
  <pre><code>* Opens a modal window
  * @public
  */
  Remodal.prototype.open = function() {
  
  var remodal = this;
  var id;
  
  // Check if the animation was completed
  if (remodal.state === STATES.OPENING || remodal.state === STATES.CLOSING) {
    return;
  }
  
  id = remodal.$modal.attr('data-' + PLUGIN_NAME + '-id');
  
  if (id &amp;&amp; remodal.settings.hashTracking) {
    scrollTop = $(window).scrollTop();
    location.hash = id;
  }
  
  if (current &amp;&amp; current !== remodal) {
    halt(current);
  }
  
  current = remodal;
  
  lockScreen();
  remodal.$bg.addClass(remodal.settings.modifier);
  remodal.$overlay.addClass(remodal.settings.modifier).show();
  remodal.$wrapper.show().scrollTop(0);
  remodal.$modal.focus();
  
  syncWithAnimation(
    function() {
      setState(remodal, STATES.OPENING);
    },
  
    function() {
      setState(remodal, STATES.OPENED);
    },
  
    remodal);
  };
  </code></pre>
  
  <p><a href="https://jsfiddle.net/01n947d0/" rel="nofollow noreferrer">https://jsfiddle.net/01n947d0/</a> (the fiddle doesn't replicate the problem exactly, not sure why scrollbar is not appearing when modal is open). Here is someone's fiddle with an older version of perfect scrollbar doing its thing (<a href="http://codepen.io/Labirintami/pen/OPRWWY" rel="nofollow noreferrer">http://codepen.io/Labirintami/pen/OPRWWY</a>)</p>
  
  <p><em>EDIT</em> This is the code to intialize prefectScrollbar</p>
  
  <pre><code>$(document).ready(function ($) {   
      $('.remodal').perfectScrollbar({suppressScrollX: true, maxScrollbarLength: 200});   
    });
  </code></pre>
  
  <p><code>$(".remodal").perfectScrollbar('update');</code></p>
  
  <p><a href="https://i.stack.imgur.com/bPXrG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bPXrG.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Niwyq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Niwyq.jpg" alt="enter image description here"></a></p>