onAfterResize

Executes a function after either the container or the dragged target sizes change and the draggable values have been updated.
This can be used to update the position of the dragged element if the container size has changed.

Accepts

A Function whose first argument returns the draggable itself

Default

noop

onAfterResize code example

import { createDraggable, utils } from 'animejs';

const [ $value ] = utils.$('.value');

let resizes = 0;

const draggable = createDraggable('.square', {
  container: '.grid',
  onAfterResize: self => {
    $value.textContent = ++resizes;
    self.animateInView(1000, 30);
  }
});

<div class="iframe-content resizable">
  <div class="large padded grid square-grid">
    <pre class="large log row">
      <span class="label">resizes</span>
      <span class="value">0</span>
    </pre>
    <div class="square draggable"></div>
  </div>
</div>

Previous Next

onResize
Draggable methods