@PavelMelnik94

Sticky и height?

Добрый вечер.
Сразу оговорюсь что код скинуть не могу - долго объяснять.

Суть вопроса. Делаю тестовое:
Вывести дату в таблицу, у которой липкий хедер. У body overflow:hidden.
У таблицы должен быть горизонтальный скролл, если данным не хватает места. - сделал
Скролла по У быть не должно. - готово

Если я насильно контейнеру в котором лежит таблица задаю условные 100 высоты и даю скролл по У, то хедер position: sticky; top:0; работает ка я ожидаю, но если я убираю фиксированную высоту и таблица по высоте отображается во весь размер, и я листаю вниз, то sticky не работает. В чем дело?

Up: опытным путем вычислил что дело не в height, а в overflow-x: scroll; как только таблица скроллиться в бок, липкий хедер не работает при скроле вниз
  • Вопрос задан
  • 120 просмотров
Пригласить эксперта
Ответы на вопрос 1
@PavelMelnik94 Автор вопроса
Нашел некое решение в виде того, что хедер и дата отдельные элементы которые синхронизированно скролятся, но не уверен что это мой случай. Если не найду выходяа в чем-то другом то отдам тз с этим решением

https://asvd.github.io/syncscroll/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы