Type: Element

Користувацький тип, що дозволяє використовувати всі його методи з будь-яким DOM-елементом через функцію долара $.

Примітки:

• Ці методи не враховують відступи та рамки елемента body. Якщо вам потрібні відступи/рамки для body, розгляньте додавання обгортки div, але завжди скидайте відступи та рамки body до 0.
• Якщо вам потрібно виміряти властивості елементів, які не відображаються (або їх стиль display є none, або стиль display одного з їх батьків є none), вам потрібно буде використати Element.measure для відображення.

Credits:

• Element позиціонування базується на qooxdoo коді та розумних виправленнях для браузерів, LGPL License.
• Розміри вікна перегляду базуються на YUI коді, BSD License.

Element Method: scrollTo

Прокручує елемент до вказаних координат (якщо елемент має overflow). Наступний метод також доступний для об'єкта Window.

Синтаксис:

myElement.scrollTo(x, y);

Аргументи:

1. x - (number) Координата x.
2. y - (number) Координата y.

Приклад:

$('myElement').scrollTo(0, 100);

Див. також:

• MDC Element:scrollLeft, MDC Element:scrollTop

Element Method: getSize

Повертає висоту та ширину Element, враховуючи рамки та відступи. Наступний метод також доступний для об'єкта Window.

Синтаксис:

myElement.getSize();

Повертає:

• (object) Об'єкт, що містить ширину (як x) та висоту (як y) цільового Element.

Приклад:

var size = myElement.getSize();
alert('The element is ' + size.x + ' pixels wide and ' + size.y + 'pixels high.');

Примітка:

Якщо вам потрібно виміряти властивості елементів, які не відображаються (або їх стиль display є none, або стиль display одного з їх батьків є none), вам потрібно буде використати Element.measure для відображення.

Element Method: getScrollSize

Повертає Object, що представляє розмір цільового Element, включаючи область прокручування. Наступний метод також доступний для об'єкта Window.

Синтаксис:

myElement.getScrollSize();

Повертає:

• (object) Об'єкт, що містить розміри x та y цільового Element.

Приклад:

var scroll = $('myElement').getScrollSize();
alert('My element can scroll to ' + scroll.y + 'px'); // alerts 'My element can scroll down to 820px'

Див. також:

• MDC Element:scrollLeft, MDC Element:scrollTop, MDC Element:offsetWidth, MDC Element:offsetHeight, MDC Element:scrollWidth, MDC Element:scrollHeight

Примітка:

Якщо вам потрібно виміряти властивості елементів, які не відображаються (або їх стиль display є none, або стиль display одного з їх батьків є none), вам потрібно буде використати Element.measure для відображення.

Element Method: getScroll

Повертає Object, що представляє, наскільки цільовий Element прокручений у будь-якому напрямку. Наступний метод також доступний для об'єкта Window.

Синтаксис:

myElement.getScroll();

Повертає:

• (object) Об'єкт, що містить розміри x та y прокручування цільового Element.

Приклад:

var scroll = $('myElement').getScroll();
alert('My element is scrolled down ' + scroll.y + 'px'); // alerts 'My element is scrolled down to 620px'

Примітка:

Якщо вам потрібно виміряти властивості елементів, які не відображаються (або їх стиль display є none, або стиль display одного з їх батьків є none), вам потрібно буде використати Element.measure для відображення.

Element Method: getPosition

Повертає реальні зсуви елемента.

Синтаксис:

myElement.getPosition(relative);

Аргументи:

relative - (Element, за замовчуванням документ) Якщо задано, позиція буде відносно цього Element.

Повертає:

• (object) Об'єкт з координатами x та y позиції Element.

Приклад:

$('element').getPosition(); // returns {x: 100, y: 500};

Див. також:

• QuirksMode: Find position

Примітка:

Якщо вам потрібно виміряти властивості елементів, які не відображаються (або їх стиль display є none, або стиль display одного з їх батьків є none), вам потрібно буде використати Element.measure для відображення.

Element Method: setPosition

Встановлює позицію значень left та top елемента на вказані вами x/y позиції.

Синтаксис

myElement.setPosition(positions);

Аргументи:

1. positions - (object) об'єкт зі значеннями x/y (цілі числа або рядки, наприклад 10 або "10px")

Повертає

• (element) елемент, який позиціоновано.

Приклад

myElement.setPosition({x: 10, y: 100});

Element Method: getCoordinates

Повертає об'єкт із значеннями ширини, висоти, left, right, top та bottom координат Element.

Синтаксис:

myElement.getCoordinates(relative);

Аргументи:

relative - (element, опціонально) якщо задано, позиція буде відносно цього елемента, інакше відносно документа.

Повертає:

• (object) Об'єкт, що містить поточні значення Element: top, left, width, height, right та bottom.

Приклад:

var myValues = $('myElement').getCoordinates();

Повертає:

{
    top: 50,
    left: 100,
    width: 200,
    height: 300,
    right: 300,
    bottom: 350
}

Див. також:

Element:getPosition

Примітка:

Якщо вам потрібно виміряти властивості елементів, які не відображаються (або їх стиль display є none, або стиль display одного з їх батьків є none), вам потрібно буде використати Element.measure для відображення.

Element Method: getOffsetParent

Повертає батьківський елемент, який позиціонований, якщо такий існує.

Синтаксис

myElement.getOffsetParent();

Повертає

• (mixed) Якщо елемент має батьківський елемент, який позиціонований, він повертає цей елемент, інакше повертає null.