在可拖动的DIV内滚动,同时拖动底部附近

Tho*_*703 7 javascript css jquery drag-and-drop

我在可滚动的div中有多个可拖动的div.当我将它们拖动到可放置区域(也是可滚动的div)时,可掺杂的DIV不会向下滚动.只是页面正在移动.怎么说,只有droppable div应该在拖动时滚动?

这是我当前的jquery代码,用于使div可拖动

$(".drag_item").draggable({
        helper: 'clone',
        scroll: true, 
        drag: function( event, ui ) {
            $(this).css('z-index','100');
        }
    });
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

Amo*_*mol 1

使用“ overflow=auto”它对我有用。

<div style="overflow:auto;"></div>
Run Code Online (Sandbox Code Playgroud)

或者

jQuery 现在支持scrollTop 作为动画变量。

$("#id").animate({"scrollTop": $("#id").scrollTop() + 100});
Run Code Online (Sandbox Code Playgroud)

您不再需要 setTimeout/setInterval 来平滑滚动。