DIV CSS Layout - фиксированная позиция expand parent

Question

Я ищу сценарий «перетаскивания», который работает для моих нужд, но у меня есть пара проблем с позиционированием DIV и получение DIV для исправления, но позволяют развернуть его родительский.

Я создал пример CodePen.

В основном у меня есть list на странице left страницы, которая может произрастать или сжиматься. Этот div расширяется и сжимается правильно.

В правой части страницы у меня есть dropzone пользователи могут перетаскивать из списка и заполнять зону выпадения.

Если список длиннее страницы, когда пользователь прокручивает вниз, я хочу, чтобы правая панель (выделенная в ЖЕЛТОМ) была прокручена вниз по этой странице. Когда пользователь прокручивается, я хочу, чтобы панель YELLOW прокрутила резервную копию и, в конечном итоге, вернулась в исходное местоположение.

Поскольку элементы перетаскиваются слева направо, панель ЖЕЛТЬЯ расширяется. Но он расширяется над DRAG DIV, он должен развернуть div div, чтобы в нем находилась ЖЕЛТАЯ панель.

Пожалуйста, кто-нибудь посоветует, как я получу это для работы. Спасибо :)

Answer 1

добавить отступы к этому

#right_container { 
padding: 20px; 
} 

удаления позиции

#right { 
position :absolute; 
} 

что я искажая это ..