当容器有边框时，可移动拖动

Question

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

CSS

body {
     border-top: 5px;
}

的jQuery

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

您可以在此处看到它：http://jsfiddle.net/3vkhN/6/

Answer 1

一种方法是这样做

#guidelines {
    position: relative;
}

使您的#horz元素根据其父级而不是正文进行定位。

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