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

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

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

我很想听听你对此的想法，非常感谢

例如：

---

（我试图在不丢失幻灯片功能的情况下，将幻灯片下方的红色内容div显示出来）

我想出来了……css风格

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

---

查看这个

它非常简单，除了添加以下两行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()); });

此外，您还可以更改此CSS：

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

---

将幻灯片放映控件和背景置于div中，将其设置为

位置：固定

和

z-index:-1

非常感谢，这确实是事实，也是我正在努力实现的目标。但是现在只有红色的div应该从幻灯片底部结束的地方开始。就在“折叠”下面。这是我无法成功的地方。我看不到你在页面上定位红色div？它在哪里？我看到了这个，但没有页边顶部声明。不，事实上，我把它拿出来是因为我做错了：）。但我也不确定这是不是正确的方法，也许有一个css唯一的解决方案我没有看到。@fabrikgrafik Dude你不需要jquery来做这个！！谢谢，但那不是我的问题。这是我能做到的：）。问题是，我希望红色（内容）div从幻灯片结束的地方开始。所以现在它加载全宽和全高，当我滚动它时，它正在做我想要的事情。但红色div应该从幻灯片下方开始，而不是在幻灯片上方。所以我想我必须在“内容包装器”上加一个与浏览器高度相同大小的页边空白。但我不知道该怎么做，也不知道这是否是正确的解决方案。再次感谢你，这对夫妇改变了，看起来太棒了！我真的为这件事伤了脑筋：）。这正是我想要完成的。很高兴我没有改变我的设计。Jquery不是必需的，它是一个简单的css解决方案@VIDesignz在他的视野中不起作用，因为还有一些其他因素在起作用，但jquery很短且简单。我已经尝试了一个纯粹的css更改，但它涉及到更改几个项目，jQuery更简单