Фиксированное меню в шапке страницы

Обсуждение вопросов, проблем связанных с обучением CSS

Фиксированное меню в шапке страницы

Сообщение allegg » 18 фев 2016, 10:45

Добрых дней. Несколько лет назад сделал свой первый сайт не без Вашей помощи и Вашего учебника. По мере надобности возвращаюсь к нему, т.к. это, пожалуй, самый доходчивый ресурс для веб-чайников, вроде меня. Сейчас появилась необходимость ввести фиксированное подменю в шапке. Нашел в сети наиболее, на мой взгляд, простое готовое решение при котором шапка с меню прокручиваются, а подменю "залипает" вверху:
Jawascript -
jQuery(document).ready(function($){
// Определяем координаты верха блока навигации
$h = $('.nav').offset().top;
$(window).scroll(function(){
// Если прокрутили скролл ниже макушки блока, включаем фиксацию
if ( $(window).scrollTop() > $h) {
$(".nav").css({"position":"fixed", "top":0});
}else{
//Иначе возвращаем всё назад. Тут вы вносите свои данные
$(".nav").css({"position":"absolute", "top":"50px"});
}
});
});[/code]

CSS -
.nav {
position: absolute;
top: 50px;
width: 90%;
border: 1px;
background: #EEE;
}


Изменил "position: absolute;" на "relative" (сайт сверстан из трех колонок с "резиновыми боковыми", чтобы плавающий div равнялся по центральной колонке), поставил свои цифры отступа - и все бы ничего, пока плавающий блок не дойдет до верха страницы - там он действительно фиксируется, но, согласно коду, видимо, перестает быть "relative" (становясь "fixed") и слетает с центральной колонки в левую сторону экрана, начиная равняться по ней. Возня с отступами ни к чему не привела - при масштабировании страницы все разъезжается.
Как бы победить сей недуг?

Спасибо.
Последний раз редактировалось allegg 03 мар 2016, 09:50, всего редактировалось 1 раз.
allegg
 
Сообщения: 8
Зарегистрирован: 04 янв 2012, 11:43

Re: Фиксированное меню в шапке страницы

Сообщение allegg » 03 мар 2016, 09:51

Спасибо за внимание, вопрос снимается. Всем удачи.
allegg
 
Сообщения: 8
Зарегистрирован: 04 янв 2012, 11:43

Re: Фиксированное меню в шапке страницы

Сообщение Алексей » 03 мар 2016, 10:48

Извините что не помог вовремя.. Спамеры одалели уже не знаю что с ними делать. Засрали весь форум и сообщения нормальных пользователей просто теряются среди всякого хлама..
В данный момент решаю эту проблему.
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)


Вернуться в CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

Рейтинг@Mail.ru