title: Not able to scroll the image inside fancybox after Initializing Elevate Zoom
body: <p>I have a dynamic fancy-box image gallery with Elevate Zoom Implemented in it, When the user clicks on from the fancy-box image the Elevate Zoom plugin is initialized and can see the magnified image in the fancy-box. <br>
  After disabling the Elevate Zoom plugin I'm not able to scroll the image from the fancy-box.
  Is there any way to bind the <code>scroll</code> feature back to the <code>fancy-box div</code> after disabling the Elevated Zoom ? <br>
  I'm using <a href="http://fancyapps.com/fancybox/" rel="nofollow">Fancy-box 2.15v</a> and <a href="http://www.elevateweb.co.uk/image-zoom" rel="nofollow">Elevate Zoom 3.0.8v</a></p>
  
  <pre><code>$(".fancybox-thumb").attr("rel","gallery").fancybox({
      scrolling: 'no',
      prevEffect  : 'none',
      nextEffect  : 'none',
      type        :'image',
      maxHeight   : '150%',
      maxWidth    : '90%',
      fitToView   : true,
      arrows      : true,
      mouseWheel  : false,
      afterShow   : function(){
        $('.fancybox-image').click(function() {
          $('.fancybox-image').elevateZoom({
            zoomType   : "lens",
            scrollZoom : true,
            lensSize   : 900,
          });
          $('#fancybox-buttons').hover(function() {
            $('.zoomContainer').remove();
            $('.zoomWindowContainer').remove();
            $(".zoomLens").remove();
          });
        });
      },
      beforeClose: function(){
        $(".zoomContainer").remove();
        $('.zoomWindowContainer').remove();
        $(".zoomLens").remove();
      }
    });
  </code></pre>