Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 当容器的溢出属性为scroll时,拖动会闪烁?_Jquery Ui_Jquery Draggable - Fatal编程技术网

Jquery ui 当容器的溢出属性为scroll时,拖动会闪烁?

Jquery ui 当容器的溢出属性为scroll时,拖动会闪烁?,jquery-ui,jquery-draggable,Jquery Ui,Jquery Draggable,我想让一个元素在一个固定的区域中拖动,该区域的溢出属性设置为滚动 如果我在draggable元素中使用containment属性,则向下或向右拖动将变得闪烁。 我的意思是,当被拖动元素的边缘碰到容器的边缘时,它不会滚动,直到光标碰到边缘为止 我可以通过不在可拖动设置上设置containment属性来防止这种情况。但是,当我向左或向上拖动时,被拖动的元素会由于被拖动到某个负x/y位置而不可见 如何在使用包容属性时防止闪烁 Plunkr-> 用这个修好了 $(function(){ $('.wi

我想让一个元素在一个固定的区域中拖动,该区域的溢出属性设置为滚动

如果我在draggable元素中使用containment属性,则向下或向右拖动将变得闪烁。 我的意思是,当被拖动元素的边缘碰到容器的边缘时,它不会滚动,直到光标碰到边缘为止

我可以通过不在可拖动设置上设置containment属性来防止这种情况。但是,当我向左或向上拖动时,被拖动的元素会由于被拖动到某个负x/y位置而不可见

如何在使用包容属性时防止闪烁

Plunkr->

用这个修好了

$(function(){
  $('.widget').draggable({
    scroll:true,
    drag:function(evt, obj) {
      if (obj.position.top < 0) {
        obj.position.top = 0;
      }
      if (obj.position.left < 0) {
        obj.position.left = 0;
      }
    }
  });
})
受此问题答案启发->

$(function(){
  $('.widget').draggable({
    scroll:true,
    drag:function(evt, obj) {
      if (obj.position.top < 0) {
        obj.position.top = 0;
      }
      if (obj.position.left < 0) {
        obj.position.left = 0;
      }
    }
  });
})