Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Фиксирующееся меню (Для сайта ucoz)
Фиксирующееся меню
๖ۣۜInspire
Дата: Суббота, 04.01.2014, 22:47 | Сообщение # 1
Администраторы
Сообщений:598
Награды: 2


Чего-то я разошёлся сегодня, ну да ладно это последнее меню. Оно фиксируется если между меню и верхней частью окна расстояние равно нулю. Вот ТАК



Ставим в верх сайта:

Код
<style>
.menu{
background:#ccc;
left:0;
width:100%;
float:left;
margin:0 auto;
margin-top:300px;
border-bottom:3px solid #aaa;
}
.li {
cursor:pointer;
list-style: none;
float: left;
font: 14px arial;
padding: 20px;
}
.li:hover{
background:#bbb;
}
.fixed{
position:fixed;
margin-top:0;
}
</style>
<div class="menu"><div class="li">HOME</div><div class="li">HOME</div><div class="li">HOME</div><div class="li">HOME</div></ul></div>
<script>
var topm=$(".menu").offset().top;
$(window).scroll(function(){
if ($(window).scrollTop()>=topm){
$(".menu").addClass("fixed");
}else{
$(".menu").removeClass("fixed");
}
});
</script>
Прикрепления: 4141567.jpg(6Kb)




Моё портфолио
Kosten
Дата: Воскресенье, 05.01.2014, 02:02 | Сообщение # 2
Администраторы
Сообщений:12673
Награды: 39


Supermenыч, у тебя что вдохновение нашло. Всегда приятно посмотреть на оригинал.

Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Фиксирующееся меню (Для сайта ucoz)
Страница 1 из 11
Поиск: