NikroVir
Извращённый отшельник
- Регистрация
- 27 Апр 2008
- Сообщения
- 346
- Реакции
- 117
- Автор темы
- #1
Всем привет! Ищу JS/jQuery гуру, которому не слабо решить поставленную задачу =)
Столкнулся с необходимостью сделать боковую выезжающую панель. Что необходимо указано на рисунке, но поясню более подробно. Имеется header с position: fixed и шириной 100%(помечен зелёным цветом), в нём находится кнопка, (изначально ссылка, но можно сделать и дивом, не принципиально) по нажатию которой открывается панель (помечена оранжевым цветом), сама панель, которая должна закрываться по нажатию в любом месте экрана (кроме элементов самой панели естественно, т.к. панель делается для мэседжера), имеющая высоту 100% и position: fixed, при этом она должна сдвигать весь контент в лево, не добавляя полосу прокрутки. помечена она розовым цветом.
и вот собственно задача: как сделать такую панель?
пробовал готовые варианты, (больше всего понравился bigSlide.js) но вскоре от них отказался, т.к. работает всё через зад: то криво сдвигается header (не до конца), то не правильно сдвигается контент, то закрытие сделано криво, то панель закрывалась по клику внутри её (что для меня недопустимо), в общем причин попросить помощи было много, т.к. js только начал изучать.
заранее спасибо мастерам, которые отзовутся.
PS: возможно что-то упустил, в процессе текст дополню
Столкнулся с необходимостью сделать боковую выезжающую панель. Что необходимо указано на рисунке, но поясню более подробно. Имеется header с position: fixed и шириной 100%(помечен зелёным цветом), в нём находится кнопка, (изначально ссылка, но можно сделать и дивом, не принципиально) по нажатию которой открывается панель (помечена оранжевым цветом), сама панель, которая должна закрываться по нажатию в любом месте экрана (кроме элементов самой панели естественно, т.к. панель делается для мэседжера), имеющая высоту 100% и position: fixed, при этом она должна сдвигать весь контент в лево, не добавляя полосу прокрутки. помечена она розовым цветом.
и вот собственно задача: как сделать такую панель?
пробовал готовые варианты, (больше всего понравился bigSlide.js) но вскоре от них отказался, т.к. работает всё через зад: то криво сдвигается header (не до конца), то не правильно сдвигается контент, то закрытие сделано криво, то панель закрывалась по клику внутри её (что для меня недопустимо), в общем причин попросить помощи было много, т.к. js только начал изучать.
заранее спасибо мастерам, которые отзовутся.
PS: возможно что-то упустил, в процессе текст дополню
Последнее редактирование:
