x

Defines the behaviour of the x-axis by either passing an object of parameters or disabling it by setting the value to false.

Accepts

Boolean
Draggable axes parameters Object

Default

true

x code example

import { createDraggable } from 'animejs';

createDraggable('.square.enabled', {
  x: true
});

createDraggable('.square.disabled', {
  x: false
});

<div class="large spaced-evenly row">
  <div class="square enabled draggable"></div>
  <div class="square disabled draggable"></div>
</div>
<div class="large spaced-evenly row">
  <div class="label">x enabled</div>
  <div class="label">x disabled</div>
</div>

Previous Next

Draggable axes parameters
y