Native: Element

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

Примітка:

Ці методи не враховують відступи та рамки елемента body. Якщо вам потрібні відступи/рамки на body, розгляньте додавання обгортки div, але завжди скидайте відступи та рамки body до 0.

Автори:

• Позиціонування елемента базується на 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

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

Синтаксис:

myElement.getSize();

Повертає:

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

Приклад:

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

Element Method: getScrollSize

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

Синтаксис:

myElement.getScrollSize();

Повертає:

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

Приклад:

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

Element Method: getScroll

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

Синтаксис:

myElement.getScroll();

Повертає:

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

Приклад:

var scroll = $('myElement').getScroll();

alert('My element is scrolled down ' + scroll.y + 'px'); //alerts 'My element is scrolled down to 620px'

Element Method: getPosition

Повертає реальні зміщення елемента.

Синтаксис:

myElement.getPosition(relative);

Аргументи:

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

Повертає:

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

Приклад:

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

Див. також:

• QuirksMode: Find position

Element Method: getCoordinates

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

Синтаксис:

myElement.getCoordinates(relative);

Аргументи:

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

Повертає:

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

Приклад:

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

Повертає:

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

}

Див. також:

Element:getPosition