@danyfir

Как сделать прокручиваемый position: sticky, если он не помещается в экран?

Есть страница: ultramarine.amidev.ru/tovar/240W-G
Структура довольно простая. Левая часть с фотками - прокручивается при обычном скролле, правая часть с описанием - фиксированная по центру блока. НО! Там есть аккордеоны (Состав и ткань, Таблица размеров, Доставка и оплата), при открытии которых, вся информация не помещается на экране (особенно, на маленьких экранах, см. скриншот) и из-за того, что используется position: sticky, то скролл правой части недоступен.
Вопрос: как сделать так, чтобы при скролле всего сайта, правая часть скроллилась параллельно до тех пор, пока контент не закончился (текст правой части).

Видео пример реализации (как может быть): https://yadi.sk/i/m2AK0BalkkPabg
Видео пример реализации (идеальный вариант): https://yadi.sk/i/sPO_0BZ4XrF_nQ
Скриншот проблемы: https://yadi.sk/d/SAz0fP3Qe29tCw
Могу материально вознаградить за прямое решение :)
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Для того, что находится внутри прилипающей части задай max-height:100vh; и overflow:auto;.
Ответ написан
Ваш ответ на вопрос

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

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