scrollTop不適用於jQuery彈出框

$("#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在這個彈出窗口中工作的可能方法是什麼？

2015-12-22 112233

你是什麼意思「在彈出框上試一下」..是這兩個div按鈕嗎？你是否也彈出了它們？.. html和body在彈出窗口中時不能滾動到#twoA的頂部，你需要在頁面上選擇一個元素作爲你的目標。 –

@Maulzal，所以它不會在彈出？ – 112233

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

代替html,body我替換爲彈出框ID，它在彈出窗口中工作。

2015-12-22 19:27:21 112233

回答