javascript - 如何在颜色框中做滚动顶部？

Question

基本上我有很多内容要显示在彩盒插件中，我想通过程序滚动到某个部分。

彩盒部分工作正常。简化的代码如下所示（这里没什么特别的）：

$.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);

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