gpt4 book ai didi

angularjs - 使用 md-virtual-repeat 和 md-virtual-repeat-container 的可折叠组标题

转载 作者:行者123 更新时间:2023-11-28 04:33:53 24 4
gpt4 key购买 nike

我正在尝试使用 md-virtual-repeat 实现显示可折叠分组作为概念证明,我在根据内部内容设置高度时遇到问题,就像虚拟重复元素一样。我创建了代码笔示例来说明问题。任何基于 CSS 或 angularJs 的解决方案将不胜感激。

http://codepen.io/pyella/pen/XpXaEJ

编辑 1: 我正在尝试这个概念验证来实现无限滚动以呈现固定的 dom 元素,因为我的列表可能包含非常大的数字(要呈现 10000 个 DOM 元素),这可能会导致性能和CPU 问题和这个概念证明,任何使用 Angular 渲染大量数据的人都可以使用 Angular Material 并避免性能问题。

注意:请单击显示的年份之一以显示 months-wrapper 容器。目前,高度被硬编码为 250 像素,100% 的高度不会显示 months-wrapper 容器。

如果没有注释 months-wrapper 的高度,则不会显示 months-wrapper

.virtualRepeatdemoScrollTo #months-wrapper {
/* height: 100%;*/
/*position: initial;*/
}

.virtualRepeatdemoScrollTo .md-virtual-repeat-container {
height: 250px;
}

最佳答案

我不确定这是否是您想要实现的目标,但这里是经过编辑的代码笔:http://codepen.io/anon/pen/zNBrJg

我加了

.md-virtual-repeat-scroller{
position: initial !important;
}

它之前的positionabsolute,这就是它的父元素不调整高度的原因。

我还从 .virtualRepeatdemoScrollTo #vertical-container 选择器中删除了 height: 100% 规则。

关于angularjs - 使用 md-virtual-repeat 和 md-virtual-repeat-container 的可折叠组标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41602388/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com