如何根据浏览器窗口宽度改变div的高度

时间:2012-07-28 13:23:17

标签: jquery gallery fullscreen

我希望实现填满屏幕的“全屏”照片库的效果,但也允许上面的固定高度内容,以及可以滚动到下方的内容。

我知道这有点抽象,所以这是一个例子:http://pixelthemes.net/immersion/

  • 请注意如何调整浏览器窗口的大小,但几乎全屏的画廊“粘在”浏览器窗口的底部,同时仍允许您使用滚动条查看其下方的内容
  • 请注意,即使调整浏览器窗口大小,上述行为也是一致的

上面的例子使用了jquery画廊“Supersized”,但我将使用Galleria(最新版本有一个'响应'选项,允许动态调整画廊阶段的大小。)

当然,使用全屏画廊时,总会有裁剪 - 不过这对我来说不是问题。

我认为纯CSS无法实现这一点,那么如何使用现有的jquery插件实现这一目标呢?

更好的是,我觉得这可以使用Galleria API(http://galleria.io/docs/api/methods/#display)来完成,但我没有足够的经验知道确切的方法。

0 个答案:

没有答案