WPF: Как заморозить строку заголовка ListView так, чтобы она не прокручивала от экрана
Просто увеличьте z-index родительского элемента
th, td {
padding: 20px
}
#cell {
background-color: lightblue;
}
.parent {
position: relative;
z-index:2;
}
.translate {
transform: translate(0,0);
}
.overflow {
position: absolute;
bottom: -20px;
left: 0;
}
Hi
Hello
Overflow text
hello cell
hello cell
Вы столкнулись с логическим результатом порядок рисования , где преобразованный элемент закрашивается после позиционированного, так как он появляется позже в дереве DOM и так как не указано z-index.
Также обратите внимание, что добавление z-index к всплывающей подсказке не будет работать, потому что transform создает контекст стека, поэтому z-index поместит всплывающую подсказку в этот контекст стека, который уже расположен ниже #cell. [1120 ]
th, td {
padding: 20px
}
#cell {
background-color: lightblue;
}
.parent {
position: relative;
}
.translate {
transform: translate(0,0);
}
.overflow {
position: absolute;
bottom: -20px;
left: 0;
z-index:9999;
}
Hi
Hello
Overflow text
hello cell
hello cell
Дополнительные вопросы по теме:
'transform3d' не работает с положением: фиксированные дочерние элементы
Почему элементы с любым значением z-index никогда не могут покрыть его дочерний элемент?
1 ответ
ListView уже делает это - это имеет внутреннее ScrollViewer тот единственные прокрутки объекты а не заголовок.
Проблема то, что Ваше внешнее ScrollViewer говорит его ребенку ( DockPanel) то, что это имеет бесконечное пространство в наличии, и DockPanel говорит это его детям, таким образом, Ваш ListView заканчивает тем, что поднял столько пространства, сколько оно должно отобразить все объекты и внутреннее ScrollViewer не обнаруживается.
Если Вы устраняете свое внешнее ScrollViewer, ListView должен взять это, это имеет ограниченное пространство и внутреннее ScrollViewer появится.
Это будет, очевидно, влиять на остальную часть материала в Вашем DockPanel, таким образом, я видел бы то, что происходит, и пойдите оттуда.