我的问题。我有一个 p-tree 组件,其中包含大量分层对象。当我将它们展开到显示垂直滚动条的位置时,一切都很好。但是,当我展开更多节点以使溢出向右时,水平滚动条被隐藏。只有当我一直向下滚动到树的底部时,我才能看到水平滚动条。我已经尝试过各种 CSS mods 并通过检查使用 ui-tree div,但我找不到任何似乎有效的东西。
2 注意:将“溢出:自动”更改为“溢出:可见”只会完全消除垂直滚动条,并且内容会消失在可见页面之外。将溢出更改为滚动会创建一个水平滚动条,但它只是一个空栏,我需要向下滚动才能看到实际的滚动条。
这是我的 ui-tree CSS:
:host ::ng-deep .ui-tree {
border: 1px solid #adabab;
border-radius: 0px 5px 5px 0px;
background-color: rgba(0, 0, 0, 0.38);
color: #eaeaea;
padding-right: 5px;
width: 22em;
max-height: 75vh;
overflow: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
自 4 月 1 日起,我正在使用最新的 PrimeNG 和 PrimeIcons 以及 Angular 9。不幸的是,由于专有问题,我无法发布我的代码和/或 HTML,但如果没有人有解决方案,我可以创建一个 fiddle/stackblitz/plunkr ,但这需要一些时间,但如果有必要的话我会这样做。
简而言之,水平滚动条是隐藏的,直到我一直向下滚动,并且无论垂直滚动条的位置如何,我都需要它可见并正常工作。
非常感谢任何帮助或建议!
慕尼黑8549860
相关分类