Плавающая навигация

[Delpix]

В левой части страницы хочу разместить блок навигации по материалу. Блок должен содержать ссылки, и прокручиваться вместе со страницей. Шикарно было бы еще сделать быстрый поиск, но это слишком сложно. В общем как по проще реализовать идею.

[zelez]

Delpix,А сайт вообще на чем?
Видел шаблон квикстарт для джумлы от какой-то студии, так там такое меню уже было реализовано... Сайт уже есть и надо это доделать или сайта еще нет?

[Delpix]

zelez, Сайт уже есть. Движок WordPress

[Сергей Гопляк]

да вроде все просто если правильно понял:

Код HTML:

<div id="link"> <ul> <li><a href="/">Ссылка1</a></li> <li><a href="/">Ссылка2</a></li> <li><a href="/">Ссылка3</a></li> <li><a href="/">Ссылка4</a></li> <li><a href="/">Ссылка5</a></li> <li><a href="/">Ссылка6</a></li> </ul> </div>

в css

Код HTML:

#link {
position: fixed;
margin-left: -160px;
margin-top: 30px;
z-index: 999;
background: rgb(202, 202, 202);
width: 130px;
list-style: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#link ul {
list-style-type: decimal;
padding: 10px;
margin-left: 22px;
margin-bottom: 20px;
}

#link ul li {
padding: 2px;
font-size: 13px;
}

дальше думаю подгоните под свои нужды!!! если что пишите Поиск не втавлял...

[Faraday]

Да, вся фишка в CSS свойстве position: fixed; для блока с навигацией. И он не будет прокручиваться вместе со страницей. А внутри можно вставить всё что душе угодно.

[OKyJIucT]

Есть отличный плагин JQuery Portamento, сам им пользовался - простой и удобный

[Сергей Гопляк]

OKyJIucT, я не правильно понял или мой вариант не работает?

[OKyJIucT]

Сергей Гопляк, если честно, я не проверял ваш вариант, поэтому ничего не могу сказать) Но судя по коду, все работает превосходно, только ваш блок с идентификатором link будет спрятан слева за границей экрана.

Я посоветовал собственный вариант, которым пользовался, и который работает. Плюс, в моем варианте есть несколько фишек в плане настройки отображения и поведения при прокрутке страницы.

[Delpix]

Сергей Гопляк, Вроде все сделал, вот что вышло:

[Delpix]

OKyJIucT, Спасибо, но я плох в английском