如果页面有多个垂直滚动条，则无法在拖放时向下滚动

Question

画布区域无法向下滚动

嗨,

我不能向下滚动画布来放下我拖拽的value.Actually，我在可拖拽时完成了代码，如下所示。但在我的页面中，我有两个滚动条vetically.How，可以向下滚动我的画布。查看我的屏幕截图

$(".dnd-preview-draggable-answer").draggable({

revert：“无效”，

公差：“指针”，

appendTo："body"，

scroll："true"，

cursorAt：{顶部: 0，左侧:0 }，

})；

Answer 1

您可以使用传统方法，您的代码将如下所示：

$(".draggable").draggable({
                 revert: "invalid",
                 tolerance: "pointer",
                 appendTo: $(".inner-content-that-will-be-scrolled"),
                 scroll : "true",
                 cursorAt: { top: 0, left: 0 },
                 drag: function( event, ui ) { 
                     var draggableY = parseInt($('.draggable').css('top'));  
                     var scrolled = $('.inner-content-that-will-be-scrolled').innerHeight();
                     if (draggableY + 50 >= y2) { 
                         //Start scrolling
                         $('.page').animate({
                            scrollTop:  scrolled},
                            {duration: 5000,
                            step: function() {
                                var x = parseInt($('.draggable').css('left'));
                                var y = parseInt($('.draggable').css('top'));   
                                //detect stop scrolling
                                if ((y + 20 < y2) || y > y2 + 20 || x > x2 || x < x1) {
                                    //cancel animation
                                    $(this).stop();
                                 }
                               }
                         });
                     }
                 }
             });
         });