title: scrollTop doesn't work on jQuery popup box
body: <p>This is my script for scrolling.</p>
  
  <pre><code>$("#oneA").click(function() {
      $('html, body').animate({
          scrollTop: $("#twoA").offset().top
      }, 2000);
  });
  </code></pre>
  
  <p>and my html</p>
  
  <pre><code>&lt;div id='oneA' style='height:100px;'&gt;&lt;/div&gt;
  &lt;div id='twoA' style='height:100px;margin-top:300px'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The above works fine as I tested on a static/normal page. But when I try the same on a popup box, it doesn't work at all. I suspect this could be library conflict between the popup and the jQuery scrolling.</p>
  
  <p>I've placed these libraries</p>
  
  <p><code>&lt;script src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt;</code></p>
  
  <pre><code>&lt;script src='../js/jquery.magnific-popup.min.js'&gt;&lt;/script&gt;
  &lt;script src="../js/index.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>in the footer for the popup box. Without this the popup won't appear.What's the possible way to make the scrollTop work on this popup, please?</p>