Как исправить красные и зеленые блоки с помощью CSS? ⇐ Jquery

[Anonymous]

В настоящее время я делаю версию, когда на веб-странице необходимо сдвинуть вверх красный и зеленый блок, который нужно зафиксировать, только желтый блок может скользить!
Текущая обработка зеленой стороны использует:

Код: Выделить всё

 position:sticky;
right:0px;
top:100px;

Грамматика удерживает его там, но есть проблема: если вы не задаете высоту, это выглядит так, как будто это позиция: липкий; Я хочу, чтобы его высоту можно было настраивать, поэтому я задаю ему высоту 200 пикселей; В результате, когда контента слишком много или он находится в режиме RWD, он выходит за пределы зеленой зоны.
Есть ли лучший способ исправить красные и зеленые блоки?
Вот что я пытаюсь сделать до сих пор.
https://codepen.io/hong-wei/pen/wvgbbye?editors=1100

Подробнее здесь: https://stackoverflow.com/questions/673 ... s-with-css