позиція елемента
Матеріал з JQuery
.offset () .position ()
За допомогою цих функцій, можна дізнаватися координати елемента на сторінці. Крім цього, за допомогою offset (), можна змінити координати елемента. Є кілька варіантів використання функцій:
обидві функції повертають координати обраного елемента (JS об'єкт з полями top і left). Якщо вибрано кілька елементів, то значення буде взято у першого. Метод offset повертає координати щодо початку сторінки, а position щодо найближчого батька, у якого заданий тип позиціонування (css-властивість position одно relative або absolute або fixed).
змінює координати всіх обраних елементів роблячи їх рівними value. Значення value повинен бути об'єктом з двома полями - {top: newTop, left: newLeft}.
.offset (function (index, value)) : jQuery 1.4 встановлює нове значення координат елементів, яке повертає призначена для користувача функція. Функція викликається окремо для кожного з обраних елементів . Коли Ви телефонуєте їй передаються такі параметри: index - позиція елемента в наборі , Value - поточні координати елемента.
Приклади використання:
$ ( "div.content"). offset () поверне координати першого div-елемента з класом content, щодо початку сторінки. $ ( "div.content"). position () поверне координати першого div-елемента з класом content, щодо найближчого батька з заданим позиціонуванням. $ ( ". content"). offset ({top: 30, left: 100}) встановлює координати щодо початку сторінки, рівні (100, 30) для всіх елементів з класом content.
Зауваження 1: при зміні координат за допомогою функції offset, всі вибрані елементи, у яких не заданий тип позиціонування (тобто position = static), автоматично змінять позиціонування на відносне (relative).
Зауваження 2: важливо відзначити, що використовуючи метод .offset () ви отримаєте позицію тільки першого елемента з усіх обраних. Якщо вам потрібні значення координат всіх елементів, то слід використовувати конструкції типу .map () або .each () .
В дії
Перший елемент зі списку опустимо на 30 пікселів.