html - 垂直居中的元素，上面有最小边距/填充？

Question

我在页面上有一个垂直居中的幻灯片，但是我想以某种方式添加一个“限制”，即它在较小的屏幕上向上滑动页面的高度。

http://www.visioncreativegroup.com.au/demos/bps/index.php/production/theatre

如果您调整窗口大小，它将到达幻灯片位于导航栏和主 Logo 顶部的位置。基本上，一旦屏幕尺寸达到足够小，它就需要停在这些元素的底部。

这可能吗？

Answer 1

从 .production-scroll 类中移除 position: absolute;

如果不需要，也从 #sticky-footer 中删除 position: fixed;