jquery - 在超大幻灯片下方显示内容

Question

我正在尝试在行为正常的全屏幻灯片下方显示内容。只有当您向下滚动时，才会显示剩余的内容。因此，在加载时，幻灯片的高度和宽度仍应为 100%。

我尝试放置一个与浏览器高度相同大小的边距顶部（使用 js 检测）并将幻灯片位置放置为绝对位置，但这不起作用......

很想听听您对此的看法，非常感谢！

示例： http: //www.fabrikgrafik.be/slider/ （我试图在不丢失幻灯片功能的情况下获取幻灯片下方的红色内容 div）

Answer 1

这真的很简单，除了添加以下 2 行 jQuery 之外，不要改变任何一分钟前的内容：

// made edit to hide content till slideshow is rdy
$("#content-wrapper").css("margin-top", $("#supersized").height()).show();
$(window).resize(function(e) { $("#content-wrapper").css("margin-top", $("#supersized").height()); });

更新了 jsFiddle

此外，您可以更改此 CSS：

#controls-wrapper { display: none; position: absolute; } /* from fixed */

Answer 2

我想通了....css风格

 #redDivId {position:absolute; top:100%;}

看看这个小提琴