Я строю соответствующий тест для назначения класса, используя столбцы начальной загрузки и строки внутри лайтбокса fancybox.Я хотел бы использовать position: sticky;, чтобы зафиксировать один из моих столбцов на месте при прокрутке.К сожалению,
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
, похоже, не справляется с работой.
Инструменты разработчика моего браузера показывают, что эти свойства не перезаписываются, даже если верхняя часть столбца div выходит за верхнюю частьокна.Я попытался зафиксировать высоту столбца, но это, похоже, не сработало.
Для чего я стоил, я использовал position: sticky; на других столбцах начальной загрузки без проблем.
Вот кодекс, в котором отражены основы того, что я пытаюсь сделать.Div, который я пытаюсь закрепить, называется #namesBox.Я бы хотел, чтобы он оставался на месте, пока пользователь прокручивает оставшуюся часть фантастического окна.
https://codepen.io/abrezey/pen/pBaYwo
Есть ли конкретное свойство css, которое мне нужно добавить, или что-то, что мне нужно изменить в настройках fancybox по умолчанию, чтобы разрешить это?
Заранее спасибо!