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

Question

[danyfir]

Есть страница: 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
Могу материально вознаградить за прямое решение :)

Answer 1

[Арсений Матыцин]

Для того, что находится внутри прилипающей части задай max-height:100vh; и overflow:auto;.