如何使Colorbox iframe随着向上/向下滚动而移动？

Question

我有一个链接到另一个页面的Colorbox iframe。

问题是，如果我向上/向下滚动窗口，Colorbox会保持在它的初始位置，我再也看不到了。

有没有办法让它跟随向上/向下滚动？我的猜测是它可以通过CSS定位或其他东西解决，但我无法弄明白。

感谢。如果这没有意义我可以提供一些屏幕截图，请告诉我。

Answer 1

我不确定“Colourbox”是什么，但通常的做法是：

#yourElement {
    position: fixed;
    left: 0px;
    top: 50%;
}

当您滚动时，这将使您的元素从左侧和屏幕的一半保持0px。

Answer 2

你可以通过分配插件并编写一些JS来实现这一目标。

ColorBox使用绝对定位的“div＃colorbox”，我相信该插件可以动态计算CSS顶部和左侧属性。

作为对窗口滚动作出反应的事件的一部分，您必须考虑动态修改这些值。听起来像一个有用的增强。

您可以从作者网站jacklmoore.com/colorbox

分叉插件

一切顺利。