mi dragitem aparece inicialmente en la parte superior izquierda. Quiero dar un espacio de 100 píxeles desde la parte superior y la izquierda en la apertura. pero tengo que hacer esto con el propio código de interactjs, no con css. porque si lo hago con css se rompe el scroll setting
interact('.dragitem') .draggable({ inertia: true, modifiers: [ interact.modifiers.restrictRect({ restriction: 'parent', endOnly: true }) ], autoScroll: true, listeners: { move: dragMoveListener } }) function dragMoveListener (event) { var target = event.target var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'; target.setAttribute('data-x', x) target.setAttribute('data-y', y) } window.dragMoveListener = dragMoveListener .drag-container { width:1000px; height:1000px; background:red; } .dragitem { width:100px; height:100px; background:blue; } <script src="https://cdn.jsdelivr.net/npm/interactjs/dist/interact.min.js"></script> <div class="drag-container"> <div class="dragitem">drag me</div> </div>