jquery

Question

我有一个可垂直拖动的水平条，该条的容器有一个border-top. 当我拖动栏时，栏会向上移动（鼠标移动）。任何人都知道为什么会发生这种情况以及除了删除边框之外我该如何解决这个问题？非常感谢！

CSS

body {
     border-top: 5px;
}

$("#horz").draggable({
     axis: "y"
});

你可以在这里看到它的实际效果：http: //jsfiddle.net/3vkhN/6/

score 0 · Accepted Answer

一种方法是这样做

#guidelines {
    position: relative;
}

使您的#horz元素基于其父元素而不是主体定位。

您可能要考虑是否还需要使用可拖动的边界，这取决于您要做什么以及是否#horz需要绝对定位。