.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