javascript - 固定（固定）要素の相対的な配置

Question

サイズ変更イベントを処理fixedして、の左側に要素を配置するにはどうすればよいですか？div

次に例を示します：http：//jsfiddle.net/yHErk/10/

今私の画面の解像度.skickedはの左側にあり.containerます。ただし、結果ウィンドウのサイズを変更するだけでは、変更されます。私がやりたいことをする簡単な方法はありますか？

ありがとうございました。

Answer 1

現在、.stickeddivにはそれを保持するための相対的な親がないため、サイズ変更に従って移動しています。

.sticked divの中に追加container div.

CSS

.container {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid;
    background: #dedede;
    padding: 10px; position:relative
}

.sticked {
    position: absolute;
    top: 100px;
    left: -50px;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    background: white;
}

<強い>デモ