如何将页面向下移动50px，没有副作用

Question

我正在开发某种网站构建器项目，我可以将页面置于编辑模式。然后内容向下移动50px并显示“编辑栏”。好听起来很容易但是

• 背景没有向下移动（使用background-position-y：550px固定）;
• 绝对位置错误

这就是为什么我害怕只是将网站向下移动50px会破坏整个布局。这真的可能发生，还是我只是反应过度了？

将页面放入iFrame可能会更好，但是我遇到了跨框架通信的问题......

BR

Answer 1

如何将背景和除编辑栏之外的所有内容放在容器div中然后移动该div？

Answer 2

我不确定这些会有所帮助，但只是尝试为您收集更多想法：

• 您可以使用提到的Ken方法。
• 保留顶部的50px空间，并隐藏编辑栏，当它处于编辑模式时，显示编辑栏，
• 将编辑栏放在底部。