title: Scrollify - Disable section scrolling when modal is open
body: <p>I am using <a href="https://projects.lukehaas.me/scrollify/" rel="nofollow noreferrer">https://projects.lukehaas.me/scrollify/</a> on my website and I am having trouble disabling it's scroll functionality after I open a modal. I'm using a standard onclick action to open the modal so I'm able to inject something in there but I'm not sure what.</p>
  
  <p>This is my Scrollify initialization: </p>
  
  <pre><code>jQuery.scrollify({
  section : ".vc_section",
  sectionName : "section-name",
  interstitialSection : "",
  easing: "easeOutExpo",
  scrollSpeed: 2000,
  offset : 0,
  scrollbars: true,
  standardScrollElements: "footer",
  setHeights: true,
  overflowScroll: true,
  updateHash: false,
  touchScroll: true,
  before:function(i,panels) {
  var ref = panels[i].attr("data-section-name");
  if(ref === "first") {
     jQuery("#hero-container").removeClass("hidden");
  }
  
  if(ref === "second") {
  jQuery("#hero-container").addClass("hidden");
  }
  },
  after:function() {},
  afterResize:function() {},
  afterRender:function() {}
  });
  </code></pre>
  
  <p>Then I call a modal by a simple onclick function:</p>
  
  <pre><code>    jQuery('.schedule-visit-toggle, .schedule-visit-toggle a').on('click touchstart', function(evt) {
      evt.stopPropagation();
      evt.preventDefault();
  
      jQuery('#schedule-visit-modal').foundation('open');
  });
  </code></pre>