在窗口调整大小时保持滑动窗口左侧与窗口左侧齐平

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