2016-07-29 7 views
0

私のニーズに対応する 'ドラッグ&ドロップ'スクリプトを見ていますが、DIVの位置付けとDIVを固定しても問題はありませんが親を拡張する。DIV CSSレイアウト - 固定位置expand parent

私はCodePenの例を作成しました。

基本的には、拡大または縮小する可能性があるページのleftにはlistがあります。そのdivは正しく伸縮します。

私はdropzoneを持っています。ユーザーはリストからドラッグしてドロップゾーンを埋めることができます。

リストがページよりも長い場合、ユーザーがスクロールしたときに右ペイン(黄色で輪郭が描かれている)を使用してページを下にスクロールします。ユーザーがスクロールアップすると、YELLOWペインがスクロールして元の場所に戻ってきます。

アイテムが左から右にドラッグされると、黄色のペインが展開されます。しかし、それはDRAG DIV上に展開されるので、黄色の枠がその中にとどまるようにドラッグdivを拡張する必要があります。

私はこれをどのように機能させるかアドバイスしてください。 感謝:)

答えて

0

は、私がこれを誤解しています何この

#right_container { 
padding: 20px; 
} 

削除位置

#right { 
position :absolute; 
} 

にパディングを追加します。..

+0

おかげで、それはドラッグDIVを拡張することを可能にすること。ユーザーがスクロールするとYELLOWペインが上下に移動するのはどうですか? – Tom