在窗口調整大小時保持滑動窗口左側與窗口左側齊平

Question

我有一個滑出div，絕對位於相對位置的父級，它在點擊一個按鈕時幾乎離開屏幕左側。

我是animate() -ing the css left property to move it。它看起來很好，直到你調整窗口的大小。在調整大小後，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