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

时间:2013-07-10 18:30:25

标签: jquery css resize window positioning

我有一个滑出式div,绝对位于相对定位的父级中,只需单击一个按钮即可从屏幕左侧移动。

我是animate() -css left属性来移动它。在调整窗口大小之前它看起来很好。调整大小后,div可能在页面中太远或在页面外太远(取决于您是否正在放大或缩小窗口)。

如何在调整大小时将div与页面齐平?

基本上我希望当div“滑出”时,div的右侧总是距离窗口边界15px。

我能够在Codepen上复制问题,但不能复制jsFiddle:

http://cdpn.io/hjnHz

点击“<”在滑出div的右上方标记以将其滑出。

1 个答案:

答案 0 :(得分:0)

只需添加:

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

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