如何在彩盒内进行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);

原则可能很简单，但我花了一些时间才弄明白。 所以希望这篇文章可以帮助像我这样的人。