Как создать прокручиваемое или статическое боковое меню

Question

Я ищу справку по программированию о том, как сделать меню боковой панели, подобное тому, которое показано по этому URL:

Ссылка на сайт Nettuts

Мне нужна моя боковая панельфункционировать так же, как на боковой панели на сайте, с моим собственным внешним видом и ощущением к нему.Мне бы хотелось, чтобы боковая панель прокручивалась, и страница фиксировалась в своем собственном месте, так же, как она работает на веб-сайте Nettuts.Как бы я запрограммировал это?

Answer 1

Это div с оператором css position: fixed; в объявлении класса css.

Дайте любому div в вашем html этот стиль CSS, и вы должны увидеть, как он работает.

position: fixed;
height: 132px;
left: 0;
top: 185px;
width: 24px;

Answer 2

эта боковая панель - это не что иное, как div с фиксированной позицией.

<style>
.sidebar {
   width: 45px;
   height: 90px;
   position: fixed;
   left: 0px;
   top: 300px;
   border: 1px solid black;
}
</style>
<div class='sidebar'>I'm a sidebar</div>

http://jsfiddle.net/p8dFM/

В этот момент вы добавляете элементы в боковую панель с любой необходимой вам функциональностью.

Answer 3

Создайте класс стиля как ..

.class{
    overflow:auto;
    height:100%;
    width:354px;
    top:185px;
}