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可拖动,如何防止其滚动?