如何将单个 div 移出屏幕答案

【问题标题】：how move a single div offscreen如何将单个 div 移出屏幕
【发布时间】：2011-01-27 17:38:00
【问题描述】：

我有 2 个像这样重叠的 div：

div.back {
    background:url(brick.png);
    background-attachment:fixed;
    background-position:right top;
    background-repeat:no-repeat;
    height:765px;
    z-index:200;
}
div.flash {
    margin-top:-765px;
    z-index:201;
}

我需要做的是在屏幕外设置“后退”div 一段时间，然后将其移回。我尝试使用一堆不同的 jquery 方法来移动它，但由于某种原因，它们移动了 all 的 div 而不是具有指定 ID 的那个。

那么我如何在不影响顶部的情况下仅将底部的一个移出屏幕？它根本不需要动画；我只需要把它放在一边直到需要。（并且“隐藏”不起作用，因为它会弄乱我的闪光灯，所以如果您不介意，请从您的建议中省略它。:)

谢谢。

【问题讨论】：

标签： css html move off-screen

【解决方案1】：

$("div.back").hide() 会成功吗？

【讨论】：

这就是为什么我说省略包含“隐藏”的建议——它会弄乱闪光灯，所以它不会工作。我需要移动它。
对不起...我想您可以使用可见性 css 属性（类似于 display:none 但保留布局）或使用 position:absolute;左：-2000px

【解决方案2】：

如果 fx 关闭，hide 将显示样式设置为 none，否则设置不透明度动画你可以试试：

禁用特效
自行将显示设置为无
将可见性设置为自己隐藏
使用 jquery 将不透明度设置为 0
使用 jquery 或自己将位置设置为绝对，左侧设置为 -1000，顶部设置为 -1000，宽度和高度设置为 100
将 div 放在其他地方，并使用 remove 和 appendTo 使用 jquery 移动它（如果它只是一个图像）

【讨论】：

如何在没有 jquery 的情况下设置位置？为什么我需要改变高度？

【解决方案3】：

我最终解决了它；我没有尝试移动最上面的 div，而是更改了代码以更改最低 div 而不是最高 div 的 margin-top 属性；能够在屏幕上留下最高级别的一个。我仍然不知道为什么尝试更改最顶层 div 的 margin-top 会影响所有其他 div，但它似乎。

【讨论】：