scrollTop不适用于jQuery弹出框

Question

这是我的滚动脚本。

$("#oneA").click(function() {
    $('html, body').animate({
        scrollTop: $("#twoA").offset().top
    }, 2000);
});

和我的HTML

<div id='oneA' style='height:100px;'></div>
<div id='twoA' style='height:100px;margin-top:300px'></div>

以上工作正常，因为我在静态/普通页面上测试过。但是当我在弹出框中尝试相同时，它根本不起作用。我怀疑这可能是弹出窗口和jQuery滚动之间的库冲突。

我已经放置了这些库

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script src='../js/jquery.magnific-popup.min.js'></script>
<script src="../js/index.js"></script>

在弹出框的页脚中。如果没有这个，弹出窗口就不会出现了。请问这个弹出窗口上有什么方法可以让scrollTop工作吗？

Answer 1

$("#oneA").click(function() {
    $('#popupId').animate({
        scrollTop: $("#twoA").offset().top
    }, 2000);
});

取而代之的是html,body我用popupbox id替换了它，并且它在popup中工作。