Question

我有一个通过

设置的叠加层

top:50%
left:50%

并计算margin-top和margin-left将其定位在屏幕中间。

我想把它滑起去摆脱它，但由于边缘而开始变得疯狂。

查看具有相同结果的小提琴。我能做什么？我无法真正摆脱边缘，除非有更好的方法在屏幕中间完美地定位。

https://jsfiddle.net/edjrdy61/1/

Answer 1

你不想要一个保证金，你想要的位置设置。根据您所描述的内容，这是屏幕上的固定元素。因此，你应该修复它。

将CSS更改为以下内容：

--checkpoint=fast

JS Fiddle

Answer 2

如果要防止带边距跳转，则必须强制使用边距，因为jquery slideUp()会在运行时更改边距。

试试这个：

.foo {
    width:100px;
    height:100px;
    background:green;
    margin-top:100px !important;
}

但是如果你想要更好的方法来对齐屏幕的中间位置，请使用绝对位置或固定位置。例如：

.foo {
    width:100px;
    height:100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background:green;
}

使用边距防止jQuery slideUp跳转

2 个答案: