Html 使引导div可滚动

我在页面的一侧有一个div，我想添加很多信息，因此我希望它可以滚动。我尝试过使用溢出：滚动；此时会出现滚动条，但不允许用户向下滚动内容

网站：explorecanterbury.co.uk

HTML

---

您缺少一个

用于
info div
类

  height: 100%

应该是

  height: 100%;

如果高度设置为任何特定的
px
，则可以获得滚动条。
例如：

您缺少一个
用于
info div
类

  height: 100%

应该是

  height: 100%;

如果高度设置为任何特定的
px
，则可以获得滚动条。
例如：

我认为您需要添加一个高度值，使其看起来像这样

height:400px;
height:100%;
max-height:1340px;

如果您将inspector中的高度限制为400px，则滚动条将正常工作。目前没有足够的内容达到您设置的最大高度，因此无需进行滚动

但是，我认为您的云动画正在减慢滚动速度，使其“juttery”。恐怕我没有办法解决这个问题。它可能只是我的浏览器（Chrome）
我认为您需要添加一个高度值，使其看起来像这样

height:400px;
height:100%;
max-height:1340px;

如果您将inspector中的高度限制为400px，则滚动条将正常工作。目前没有足够的内容达到您设置的最大高度，因此无需进行滚动

但是，我认为您的云动画正在减慢滚动速度，使其“juttery”。恐怕我没有办法解决这个问题。它可能只是我的浏览器（Chrome）
您在
.info div
类中缺少一个分号，这使得您的css无效，并且无法设置
height
属性

.info-div {
  position: relative;
  margin-top: -100px;
  z-index: 10;
  height: 100%
  max-height: 1340px;
  overflow-y: scroll;
}

因此，在
高度：100%
后添加分号，并将
位置
更改为
绝对
和
宽度：100%。试试这个

.info-div {
  position: absolute;
  width: 100%;
  margin-top: -100px;
  z-index: 10;
  height: 100%;
  max-height: 1340px;
  overflow-y: scroll;
}

.info div
类中缺少分号，这会导致css无效，并且无法设置
height
属性

.info-div {
  position: relative;
  margin-top: -100px;
  z-index: 10;
  height: 100%
  max-height: 1340px;
  overflow-y: scroll;
}

因此，在
高度：100%
后添加分号，并将
位置
更改为
绝对
和
宽度：100%。试试这个

.info-div {
  position: absolute;
  width: 100%;
  margin-top: -100px;
  z-index: 10;
  height: 100%;
  max-height: 1340px;
  overflow-y: scroll;
}

没有可滚动的内容。内容符合框的高度。如果进入inspect元素，您可以看到当内容溢出时，它不会滚动，没有可滚动的内容。内容与框的高度相符。如果进入inspect元素，可以看到内容溢出时它不会滚动