Question

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

左侧的菜单包含在Div中，该Div叠加在滑块顶部并使用绝对定位，因此如果窗口高度无法容纳菜单框的高度，则会出现垂直滚动条。如果向下滚动，则幻灯片背景图像停止时会出现一个丑陋的白色空间。

我尝试过对菜单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
}

jquery超级垂直高度问题

1 个答案: