如何在彩盒內進行scrollTop？

Question

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

彩盒部分工作正常。 簡化的代碼看起來像這樣（這里沒什么特別的）：

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

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

$('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);

原則可能很簡單，但我花了一些時間才弄明白。 所以希望這篇文章可以幫助像我這樣的人。