如何做一個彩盒裏面的scrollTop？

Question

基本上我有很多內容要顯示在colorbox插件裏面，我想按程序滾動到某個部分。

colorbox部分工作正常。簡化的代碼看起來像這樣（這裏沒有什麼特別的）：

$.colorbox({href: '#my_content', inline:true, onComplete(){go_there()}}); 

滾動部分，如果使用沒有colorbox，也工作正常。代碼如下所示：

$('html,body').animate({scrollTop: 1234}, 100); // 1234 here is just example 

當組合以上兩部分時，滾動不會發生。然後我想我需要把'html，body'字符串改成其他的東西，所以我立即嘗試了$（「＃my_content」）。animate（...）但沒有運氣，然後我嘗試了「#cboxContent」， 「#cboxWrapper」，「＃colorbox」。它們都不起作用。

（我要去很快給出答案。）

Answer 1

類似的代碼片段摸索後，我發現一個模式，即scrollTop的只能被應用到具有溢出內容包裝的一個：汽車風格！

找到正確的方向，我很快檢查colorbox.css並確定了想要的容器。它是'#cboxLoadedContent'。所以這一塊就像一個魅力：

$('#cboxLoadedContent').animate({scrollTop: 1234}, 100); 

原則可能是簡單的，但它確實花了一些時間來弄清楚。所以希望這篇文章可以幫助像我這樣的人。