lightbox内容打开时页面内容向下移动-jquery

单击指向我的灯箱的链接时，会将页面内容移动到灯箱下方。我已经为我的lightbox在css上添加了z-index，但我认为这还不够。我不确定下一步该往哪个方向走。我试图保持灯箱在页面内容上方。我不希望页面上的内容向下移动，我希望lightbox覆盖原始页面的内容

我的小提琴：

我想我需要在jquery中创建另一个函数来插入我放置positionLightBox1（）的位置；（已注释掉）

我也认为我做得不对。我很想相信我已经牢牢掌握了css，但我相信你不会

使用jquery的经验：我已经使用jquery几个星期了 （编辑代码并让它为我工作）我读了一些书 并创作了一些小提琴。现在我感觉很舒服 在我的一些经验和经验的帮助下，足够创造这个了 堆栈溢出回答

---

非常感谢您的评论。

为什么在打开后立即关闭它？我猜您是想在关闭lightBoxContent div后关闭if？

为什么在打开后立即关闭它？我猜您是想在关闭lightBoxContent div后关闭if？

只需在#lightBoxContent上设置position:absolute，而不是position:relative

---

…这会将lightbox从“流”中移除，并防止它将其他页面内容进一步向下推。

只需在lightbox内容上设置位置：绝对，而不是位置：相对

---

…这将从“流”中删除灯箱并防止它将其他页面内容进一步向下推。

lightBoxContent还必须具有position:absolute才能正常运行

lightBoxContent还必须具有position:absolute才能正常运行

可能修复它：

可能修复它：

只需将lightboxdiv声明末尾的标记移动到关闭lightboxcontentdiv。您可能需要调整一点大小，但它不会移动后面的文本

---

关闭lightboxcontentdiv后，只需将lightboxdiv声明末尾的标记移动到。您可能需要调整一点大小，但它不会移动后面的文本

---

请解释一下你做了什么，更改了html？我想他把第一个关闭的div移到了底部。你能试着解释一下你的答案吗？请解释一下你做了什么，更改了html？我想他把第一个关闭的div移到了底部。你能试着解释一下你的答案吗？我关闭了原始div，这样我就可以让灯箱本身在页面上向下滚动，然后我就可以让背景向下滚动。我正在处理的实际页面的内容比小提琴中的内容多得多。这确实管用，但我需要更多地使用它，看看我是否能在我的情况下使用它。这是管用的，但是在我把它转移到实际的网站上，并添加滚动的背景后，它使它在视觉上变得凌乱。否则，这是一个很好的答案，只是不适合我的情况。我关闭了原来的div，这样我就可以让灯箱本身在页面上向下滚动，然后我将努力使背景向下滚动。我正在处理的实际页面的内容比小提琴中的内容多得多。这确实管用，但我需要更多地使用它，看看我是否能在我的情况下使用它。这是管用的，但是在我把它转移到实际的网站上，并添加滚动的背景后，它使它在视觉上变得凌乱。否则，这是一个很好的答案，只是不适合我的情况，就像我说的。。。我想我已经掌握了css。非常感谢，这就像我说的那样很有效。。。我想我已经掌握了css。非常感谢，效果很好，但是在我把它转移到实际的网站上，加上滚动的背景后，它在视觉上变得凌乱了。除此之外，这是一个很好的答案，只是对我的情况不适用。这是有效的，但是在我把它转移到实际的站点，并添加滚动的背景后，它使它看起来很混乱。否则，这是一个很好的答案，只是不适合我的情况。