当它到达浏览器底部时滚动可拖动的div

时间:2013-12-05 08:20:34

标签: jquery jquery-ui

任何人都可以帮助我获取此jquery代码,以便在向上或向下拉动div时自动向上或向下滚动页面吗?

代码#1:

$(".DragBox").draggable({
start: function ()
{
$(this).parent().droppable("enable");
},
revert: true
});

代码#2:

$(".DragDestination101").droppable(
{
drop: function (event, ui)
{
var elem = $(ui.draggable[0]);
elem.css("left", "");
elem.css("top", "");
elem.appendTo(this);
elem.children("input").val("101");
$(this).droppable("disable");
}
});

1 个答案:

答案 0 :(得分:0)

尝试以下网址jsFiddle:

Your answer

请你试试下面的功能......

$(function () {
            $(".DragBox").draggable();
            $(".DragDestination101").droppable({
                drop: function (event, ui) {
                    $(this)
          .addClass("ui-state-highlight")
          .find("p")
            .html("Dropped!");
                }
            });
        });

以下网址说明您需要修复的内容......

Try this URL >> Droppable