.offset()

Координаты

Либо получить размеры и координаты элемента относительно веб-документа, либо установить новые значения top и / или left.

offset(element [, coordinates])

Метод .offset() может быть полезен при работе с координатами элемента. Данный метод позволяет получать и устанавливать top и/или left требуемому элементу. На координаты позиционирования не влияет его родительский элемент. При установке новых значений будет учитываться положение относительно его исходного места на веб-странице.

Параметр	Тип	Описание
`element`	Node	Элемент HTML.
`coordinates`	Object	Объект, содержащий значения `top` и / или `left`.

Использование

<div id="example" class="uk-card uk-card-default uk-card-body uk-width-medium">Карточка Offset</div>

const myElement = util.$('#example');

// Считываем размеры до установки новых координат
var before = util.offset(myElement);

console.log(before)

Результат

{height: 104, width: 300, top: 0, left: 0, bottom: 104, right: 300}

// Устанавливаем новые координаты
util.offset(myElement, {
  top: 100,
  left: 100
});

// Считываем размеры после установки новых координат
var after = util.offset(myElement);

console.log(after)

Результат

{height: 104, width: 300, top: 100, left: 100, bottom: 204, rigth: 400}

// Считываем только высоту
console.log(after.height) // 104