jquery - 使用 Colorbox 时如何禁用 scrollIntoView 事件

Question

我有像这样的几个元素的图库:

<div class="wrapper">
  <a href="img/ZSAq4U5Ut98.jpg" class="container">…</a>
  <a href="img/rFbTrkdPOhA.jpg" class="container">…</a>
  <a href="img/bgqdOlCUKDY.jpg" class="container">…</a>
  <a href="img/3Ew4qOlZiMU.jpg" class="container">…</a>
  <a href="img/9KGN6V9U32c.jpg" class="container">…</a>
</div>

部分元素被 .wrapper 和 overflow:hidden 隐藏。我使用 Colorbox 来显示全尺寸图片。我的问题是，当我到达 Colorbox 窗口中的隐藏元素并关闭他时，较早的隐藏元素滚动到 .wrapper 的 View 中，但我需要所有元素都保持在开始时的状态。

参见 https://jsfiddle.net/g26zxz9u/

单击第一个元素，单击两次“下一步”按钮，最后单击“关闭”。第一和第二个元素将被隐藏，第三和第四个元素将被显示。但我需要第一个和第二个元素始终可见。

Answer 1

您需要在 colorbox init 中添加 returnFocus: false 属性:

$('.container').colorbox({
  rel: 'group',
  returnFocus: false
});