jquery - 调整窗口大小时保持滑出 div 与窗口左侧齐平

Question

我有一个滑出式 div，绝对定位在相对定位的父级中，单击按钮后它几乎从屏幕左侧移开。

我正在animate()使用 cssleft属性来移动它。在您调整窗口大小之前，它看起来很好。调整大小后，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