基本上我有很多内容要在colorbox插件中显示,我想按程序滚动到某个部分。
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(...)但没有运气,然后我尝试了#34; #cboxContent"," #cboxWrapper"," #colorbox"。它们都不起作用。
(我很快会提供答案。)
答案 0 :(得分:2)
在搜索类似的代码片段之后,我意识到一种模式,即scrollTop必须只应用于一个具有溢出的内容包装器:自动样式!
找到了正确的方向,我很快检查了colorbox.css并确定了所需的容器。它是'#cboxLoadedContent'。所以这个就像一个魅力:
$('#cboxLoadedContent').animate({scrollTop: 1234}, 100);
原则可能很简单,但我花了一些时间才弄明白。所以希望这篇文章可以帮助像我这样的人。