css – 如何使用vaadin使VerticalLayout可滚动?

前端之家收集整理的这篇文章主要介绍了css – 如何使用vaadin使VerticalLayout可滚动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个组件,它作为我所有页面的通用布局存在.这个组件的布局如下(使用paint绘制,所以请抱歉:p):

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

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

提前致谢.

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

.v-ui > .v-widget {
   overflow: visible;
}

解决方法

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

猜你在找的CSS相关文章