嵌套溢出滚动隐藏的溢出不起作用

html是自动生成的,所以我不能删除#scroller.

谢谢你的帮助,Stefan

在评论中实际上只有一个CSS答案display: flex.看到:

https://jsfiddle.net/huocukw7/6/

#parent {
  height: 500px;
  overflow: hidden;
  display: flex;
  flex-direction:column;
}

#scroller {
  overflow: auto;
  flex-grow:1;
}

#child {
  height: 10000px;
}

Mr. Alien.. 11

您需要做的就是提供height给您#scroller

#scroller {
  overflow: scroll;
  padding: 10px;
  background-color: red;
  height: 100%;
}

演示

按照你的观点 - 在我的真实世界问题中,#parent中有多个s,所以我不能给#scroller一个高度.

没有其他方法可以在不指定的情况下使其可滚动height.如果没有它,它将延伸直到子元素结束,这将不会使您的包装器可滚动.

您可以在此处使用JavaSript来计算heighton运行时并将其附加到元素.

您需要做的就是提供height给您#scroller

#scroller {
  overflow: scroll;
  padding: 10px;
  background-color: red;
  height: 100%;
}

演示

按照你的观点 - 在我的真实世界问题中,#parent中有多个s,所以我不能给#scroller一个高度.

没有其他方法可以在不指定的情况下使其可滚动height.如果没有它,它将延伸直到子元素结束,这将不会使您的包装器可滚动.

您可以在此处使用JavaSript来计算heighton运行时并将其附加到元素.