Палатка Fjord Nansen Veig III Тендири для банків
Лис 11

jqueryПід час розробки одного проекту виникла проблема розміщення діву посередині сторінки незалежно від ширини діву.

Якщо сторінка повністю поміщається на екран – можна робити через сss (position:absolute; left i top).

Якщо ж сторінка займає більше місця – зявляється скролл і проблеми – потрібно робити по-іншому.

Так як останнім часом активно використовую Javascript-фреймворк jQuery – вирішив оформити код у вигляді плагіна. Так з’явився плагін positioning.

Плагін має 2 методи:
positioning(leftOffset, topOffset, scroll) – позиціонує елемент на сторінці
leftOffset – задає зсув по горизонталі

topOffset – задає зсув по вертикалі

scroll  – позиціонувати елемент відносно “абсолютного” лівої верхньої точки сторінки, чи позиціонувати елемент відносно верхньої лівої точки уже проскроленої сторінки
Метод centering() – позиціонує елемент точно по центру сторінки.

Плагін тестував в FF 3.0, IE6.0+, Safari 3.1, Opera 9.6

Приклад можна глянути тут

jQuery Plugin positioning

Теги: , ,

Читайте також:

Залишити коментар

Коментарів: 2 для “jQuery plugin positioning”

  1. 1. ScorpioNo Gravatar Сказав:

    Не хватает:
    исходника || ссылки на скачать || ссылки на купить
    :) а так молодца

  2. 2. yAnTarNo Gravatar Сказав:

    Є лінк з прикладом, а там не проблема джаваскріпт стягнути.
    Хто знає, той знайде, а хто не знає – тому і не потрібно. :)

*