DIV CSS Layout - fixed position expand parent

I'm looking at a 'drag and drop' script which works for my needs, but I have a couple of problems with the DIV positioning and getting a DIV to be fixed but allow to expand it's parent.

I've created a CodePen example.

Basically I have a list on the left of the page which may grow or shrink. That div expands and contracts correctly.

One the right of the page I have a dropzone the users can drag from the list and fill up the drop zone.

If the list is longer than the page, when the user scrolls down I wan to have the right pane (outlined in YELLOW) to scroll down the page with it. When the user scrolls up I want the YELLOW pane to scroll back up and eventually arrive back at it's original location.

As items are dragged from the left to the right the YELLOW pane expands. But it expands over the DRAG DIV, it should make the drag div expand so the YELLOW pane stays with in it.

Please some one advise how I get this to work. Thanks :)

Replay

Category: html Time: 2016-07-29 Views: 0
Tags: html css position

Related post

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development

search

Front-end development

Database

development tools

Open Platform

Javascript development

.NET development

cloud computing

server

Copyright (C) avrocks.com, All Rights Reserved.

processed in 0.224 (s). 12 q(s)