javascript - 固定位置上的拖动禁用

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;