jquery - ウィンドウのサイズ変更時にスライドアウト div をウィンドウの左側と同じ高さに保つ

Question

ボタンをクリックすると、スライドアウト div があり、相対的に配置された親に絶対的に配置され、画面の左側からほぼ外れます。

私はそれを移動するためanimate()にcssleftプロパティを-ingしています。ウィンドウのサイズを変更するまでは問題ないようです。サイズを変更すると、div がページ内に入りすぎているか、ページからはみ出しすぎています (ウィンドウを拡大しているか縮小しているかによって異なります)。

サイズ変更時に div をページと同じ高さに保つにはどうすればよいですか?

基本的に、divが「スライドアウト」されている場合、divの右側が常にウィンドウの境界から15pxになるようにします。

Codepen では問題を再現できましたが、jsFiddle では再現できませんでした。

http://cdpn.io/hjnHz

スライドアウト div の右上にある「<」記号をクリックしてスライドアウトします。

Answer 1

追加するだけです：

$(window).resize(function(e) { if ($("#slideout").css('left') != '0px') $("#slideout").css('left', -($("#slideout").width() - 15)); });

http://codepen.io/anon/full/rjaHD