我有一个滑出式div,绝对位于相对定位的父级中,只需单击一个按钮即可从屏幕左侧移动。
我是animate()
-css left
属性来移动它。在调整窗口大小之前它看起来很好。调整大小后,div可能在页面中太远或在页面外太远(取决于您是否正在放大或缩小窗口)。
如何在调整大小时将div与页面齐平?
基本上我希望当div“滑出”时,div的右侧总是距离窗口边界15px。
我能够在Codepen上复制问题,但不能复制jsFiddle:
点击“<”在滑出div的右上方标记以将其滑出。
答案 0 :(得分:0)
只需添加:
$(window).resize(function(e) { if ($("#slideout").css('left') != '0px') $("#slideout").css('left', -($("#slideout").width() - 15)); });