jquery superslides 垂直高度问题

Question

我正在使用一个名为 jquery Superslides ( https://github.com/nicinabox/superslides ) 的插件，它通常运行良好，但我遇到了一个棘手的问题。比窗口高的内容导致背景图像无法覆盖整个屏幕，如这里的示例所示:http://fantasyhighstreet.org.uk/index.php?page=crystal-palace-2015

左边的菜单包含在一个div中，div覆盖在slider之上，使用绝对定位，所以如果窗口高度不能容纳菜单框的高度，就会出现垂直滚动条。如果向下滚动，幻灯片背景图像停止的地方会出现难看的空白。

我曾尝试对菜单 div 使用固定定位，但是这会导致滚动条不可见，并且如果菜单框不够高，则菜单框会从窗口底部消失。

有没有办法让垂直滚动的内容不会导致幻灯片图像被截断？

谢谢!

Answer 1

要实现你想要的，你必须在需要时让你的左侧菜单滚动。

CSS

.leftbox {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  left: 20px;
  opacity: 0.9; 
  padding: 10px;
  position: absolute;
  top: 20px;
  width: 200px;
  z-index: 999;
  overflow: auto; // Set this
  bottom: 20px; // Set this - adjust your needs
}