容器的剪辑子项在滚动时不可见

Posted

技术标签:

【中文标题】容器的剪辑子项在滚动时不可见【英文标题】:Container's clipped children not visible on scrolling 【发布时间】:2011-07-25 20:28:29 【问题描述】:

我在 Canvas 中有一个 VBox。 “红条”是基于“画布”的自定义组件。所有红色条的高度相同。我在 VBox 中有 20 个红条。屏幕截图中可见的滚动条是 Canvas 的滚动条。使用 verticalScrollPolicy = off 禁用 VBox 的滚动条。

不滚动时,只有 16 个红色条(以及第 17 条的一部分)可见。但是,当我向下滚动画布时,我希望看到剩余的红色条 - 但是在应用程序启动时不可见的条不会被“绘制”。我究竟做错了什么?我希望用户能够在 Canvas 向下滚动时看到第 17 到第 20 条。

初始视图Before scrolling

向下滚动后After scrolling

另请注意,滚动后,最后一个红条也没有完全绘制。

提前感谢您的宝贵时间!

【问题讨论】:

【参考方案1】:

啊。我的错。 VBox 的高度被明确设置为画布的高度。所以这种行为是意料之中的。而且由于 VBox 的滚动条被禁用,它的内容(实际上是绘制的,但不可见)无法看到。

【讨论】:

以上是关于容器的剪辑子项在滚动时不可见的主要内容,如果未能解决你的问题,请参考以下文章

在 RecyclerView 中滚动时不可见的项目变得可见

如何从可滚动容器中仅选择可见元素?

Flutter - 保留不可见的gridview子项

拖动具有滚动的容器时,可拖动项目不可见

如何滚动 div 以在 ReactJS 中可见?

在鼠标悬停时更改 DataGrid ScrollBar 的可见性?