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

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

问题描述:

我有一个链接到另一个页面的Colorbox iframe。如何使Colorbox iframe随着向上/向下滚动而移动?

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

有没有办法让它跟随向上/向下滚动?我的猜测是,它可以通过CSS定位来解决,但我无法弄清楚。

谢谢。请让我知道,如果这没有意义,我可以提供一些截图。

我不知道什么是“Colourbox”不过是平常的方式做你的描述是:

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

这将让你的元素0像素从左边一半时屏幕,当你滚动。

+1

ColorBox杰克摩尔(http://jacklmoore.com/colorbox/)是一个流行的基于jQuery的“灯箱”插件。杰克和人们把它用于画廊等等,这是令人难以置信的好作品,包括基本的窗口管理。) – 2012-03-09 02:12:09

你也许可以通过分支插件和写一些JS来实现这一点。

ColorBox使用绝对定位的“div#colorbox”,我相信该插件可以即时计算CSS顶部和左侧属性。

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

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

所有最好叉插件。