如何使用vaadin使VerticalLayout可滚动?

rus*_*off 8 css vaadin vaadin7

我有一个组件,它作为我所有页面的通用布局存在.该组件的布局如下(使用油漆制作,所以请抱歉:p):

布局

右箭头表示此布局是Horizo​​ntalLayout和向下箭头VerticalLayout.

我真的很感兴趣使bodyContent布局可滚动.在这个布局中,我通常会介绍很多UI组件(更多布局,文本字段,表单,网格......),有时由于缺少垂直空间和没有垂直滚动而未显示组件.那么有没有办法让bodyContent可滚动(使用SCSS/CSS或任何其他方式)?

提前致谢.

编辑: 我已经解决了这个感谢@JaneVi:

.v-ui > .v-widget {
   overflow: visible;
}
Run Code Online (Sandbox Code Playgroud)

SSH*_*SSH 10

尝试使用Panel你可以在其中使用bodyContent(垂直布局),setContent()并且当布局的高度超过面板的高度时可以使用滚动条.