position-element DEMO

Anchor Red

Anchor green

Select anchor element

anchor-red anchor-green

Select placement

up-center up-right down-left down-center up-left down-right

left-top left-middle left-bottom right-top right-middle right-bottom

unknown/not set

toggle auto reposition

autoReposition ( reposition when element goes out of viewport )

Adjust distance and offset

Distance

Alignment Offset

Code Example

var config = {
  element: document.getElementById('subject'),
  anchorElement: document.getElementById('anchor'),
  preferredPlacement: 'down-center',
  distance: 10,
  alignmentOffset: 0,
  autoReposition: true,
};

positionElement(config);