Question

我正试图从另一个有固定位置的div中拖出一个div，但它不起作用！拖动被禁用。但是当我将位置更改为另一种类型（绝对，相对..等）时，拖动效果很好。

CSS

.artefact {
width: 100px;
height : 100px; 
background-color: grey; 
position: relative;
}

        #zoneEchange7 {
    width: 20%;
        height: 9.2592%;
       /* position: fixed;*/
        bottom: 0;
        left: 70%;
        /*background-color: #6adcfa;*/
      }

HTML

    <div id="zoneEchange7" class="zoneEchange">
<div id="Artefact4" class="draggable artefact"> <p> Titre </p> </div>
    </div>

JS

interact('.artefact')
  .draggable({
    inertia: true,
//l element reste dans sa zone limite , il peut pas sortir de son parent 
    restrict: {
     // restriction: "parent",
      endOnly: true,
      elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
    },
    // activer autoScroll
    autoScroll: true,


//appeler cette fonction a chaque action de glissement 
    onmove: dragMoveListener,
//appeler cette fontion a chaque fin de l'action de glissement 
    onend: function (event) {

    }
  }

Answer 1

将draggable（）对象强制执行到固定位置。尝试向固定元素添加高z-index。

position: fixed;
z-index: 1000;

或者

position: fixed !important;

在固定位置拖动禁用

1 个答案: