Выезжающая боковая панель

Тема в разделе "Верстка", создана пользователем NikroVir, 19 янв 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. NikroVir

    NikroVir Извращённый отшельник

    Регистр.:
    27 апр 2008
    Сообщения:
    325
    Симпатии:
    108
    Всем привет! Ищу JS/jQuery гуру, которому не слабо решить поставленную задачу =)
    Столкнулся с необходимостью сделать боковую выезжающую панель. Что необходимо указано на рисунке, но поясню более подробно. Имеется header с position: fixed и шириной 100%(помечен зелёным цветом), в нём находится кнопка, (изначально ссылка, но можно сделать и дивом, не принципиально) по нажатию которой открывается панель (помечена оранжевым цветом), сама панель, которая должна закрываться по нажатию в любом месте экрана (кроме элементов самой панели естественно, т.к. панель делается для мэседжера), имеющая высоту 100% и position: fixed, при этом она должна сдвигать весь контент в лево, не добавляя полосу прокрутки. помечена она розовым цветом.
    [​IMG]
    и вот собственно задача: как сделать такую панель?
    пробовал готовые варианты, (больше всего понравился bigSlide.js) но вскоре от них отказался, т.к. работает всё через зад: то криво сдвигается header (не до конца), то не правильно сдвигается контент, то закрытие сделано криво, то панель закрывалась по клику внутри её (что для меня недопустимо), в общем причин попросить помощи было много, т.к. js только начал изучать.

    заранее спасибо мастерам, которые отзовутся.

    PS: возможно что-то упустил, в процессе текст дополню
     
    Последнее редактирование: 19 янв 2015
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
  3. NikroVir

    NikroVir Извращённый отшельник

    Регистр.:
    27 апр 2008
    Сообщения:
    325
    Симпатии:
    108
    Это именно то что нужно, но быть может вы подскажете как вырвать оттуда Right Push эффект? ибо мануалов просто обосраться сколько...
     
  4. alex446

    alex446 Писатель

    Регистр.:
    24 окт 2014
    Сообщения:
    1
    Симпатии:
    0