jQuery plugin positioning

    При разработаке одного проекта возникла проблема позиционирования дива посередине страницы независимо от ширины дива и от того, есть ли скролл на странице.
    Если страница влезается на экран — можна делать через с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
    Пример можно посмотреть здесь
    yablog.org.ua/jquery/index.html
    Внизу страницы есть 3 кнопки — кликая на них можно посмотреть плагин в действии
    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 9

      +1
      а чем он лучше плагина Dimensions?
        +1
        Не знал о таком плагине
        +1
        Методы плагина dimensions только возвращают положение элемента на странице (кроме методов width() i height()), а этот сразу позиционирует.
        Конечно, что здесь меньше функционала, чем в dimensions, не спорю, но нужного мне в dimensions не нашел.
          0
          Спасибо. Запомню Ваш плагин… не раз сталкивался с такой проблемой приходилось ковыряться с кроссбраузерностью и нативным js-ом в jquery плагинах когда искал ни чего такого однозначного небыло…

          Вот ещё, кому интересно, на заметку интересный способ центрирования блока в вёрстке d-graff.de/fricca/center.html
          • НЛО прилетело и опубликовало эту надпись здесь
              0
              У меня firefox 3.0.3 — отлично работает.
              0
              а почуму не в разделе jquery?
                0
                У меня нет прав публиковать туда, куда хочу. :(
                0
                + уже скоро сможешь =)

                Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                Самое читаемое