Javascript 当我将div向下移动到页面时,为什么滚动条会滚动

Javascript 当我将div向下移动到页面时,为什么滚动条会滚动,javascript,jquery,Javascript,Jquery,$('#aaa').draggable() *{ 保证金:0; 填充:0; } #aaa{ 宽度:800px; 高度:800px; 位置:绝对位置; 背景:红色; } .包裹{ 高度:2000px; 位置:相对位置; ; } 这是默认行为,可以通过添加滚动:false选项来禁用。 $('#aaa')。可拖动({ 卷轴:假 }); *{ 保证金:0; 填充:0; } #aaa{ 宽度:800px; 高度:800px; 位置:绝对位置; 背景:红色; } .包裹{ 高度:2000px; 位置:相

$('#aaa').draggable()
*{
保证金:0;
填充:0;
}
#aaa{
宽度:800px;
高度:800px;
位置:绝对位置;
背景:红色;
}
.包裹{
高度:2000px;
位置:相对位置;
;
}

这是默认行为,可以通过添加
滚动:false
选项来禁用。

$('#aaa')。可拖动({
卷轴:假
});
*{
保证金:0;
填充:0;
}
#aaa{
宽度:800px;
高度:800px;
位置:绝对位置;
背景:红色;
}
.包裹{
高度:2000px;
位置:相对位置;
}

您可以将
溢出:自动
添加到
.wrap
类的样式中,该类将在拖动该元素时停止水平和垂直滚动

$('#aaa').draggable()
*{
保证金:0;
填充:0;
}
#aaa{
宽度:800px;
高度:800px;
位置:绝对位置;
背景:红色;
}
.包裹{
高度:2000px;
位置:相对位置;
溢出:自动;
}

您可以这样尝试

#wrap{width: 800px; height: 800px; position: absolute; overflow: scroll; background: red; } 

$(“#aaa”).draggable({containment:'#wrap',scroll:false})

这不会停止水平滚动,但是这回答了您的问题吗?非常感谢,但我想知道scroll属性的作用是什么。它将所选的div scroll行为设置为false如果我不使用jquery ui,我会使用原始javascript通过“mousedown”、“mousemove”、“mouseup”使div可拖动,如何防止其滚动?