Есть ли готовое решение или статья/урок по этому поводу?
UPD: Элементарные CSS/HTML и капельку JS знаю но это не помогает. UDP: Просто fixed не решение, там еще есть появляющаяся блок при нажатия на кнопок и некоторые автоматические изменения при изменения высоты.
.sidebar{
position: fixed;
height: 100%;
width: 70px; /* или сколько нужно */
}
.page-content{
padding-left: 80px; /* ширина блока sidebar и сам отступ */
}
Mokhirzon Naimov: автоматические изменения при изменении высоты - если Вы про стрелку наверх при скролле - загуглите: "scroll to top js" - выведет очень много уроков по теме.
Появляющийся блок, либо jquery, либо css3 animation - если нужна анимация.
А так это просто js
button.onclick{
здесь вы меняете display: none, того меню, что должно появиться на display: block
или можете просто сменить класс(например с hidden-block на visible-block
}
Mokhirzon Naimov: а так, откройте исходник и смотрите по пунктам. Готовое решение - скопировать с самого Хабра.
Уроки - "jquery menu", "css3 menu" и тд.
Mokhirzon Naimov: эммм, почему не по теме? Я тогда не понимаю, что Вам нужно. Вы говорите меню, как на хабре - я кинул ссылки по этой теме. Да, дизайн другой, но фиксированный блок и выпадающие меню есть, что еще нужно?
Mokhirzon Naimov: вы даже не смотрели? Jquery menu и остальное?
По урокам выше вполне можно сделать sidebar, как на хабре.
Либо сформулируйте свой вопрос нормально.