Добрых дней. Несколько лет назад сделал свой первый сайт не без Вашей помощи и Вашего учебника. По мере надобности возвращаюсь к нему, т.к. это, пожалуй, самый доходчивый ресурс для веб-чайников, вроде меня. Сейчас появилась необходимость ввести фиксированное подменю в шапке. Нашел в сети наиболее, на мой взгляд, простое готовое решение при котором шапка с меню прокручиваются, а подменю "залипает" вверху:
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") и слетает с центральной колонки в левую сторону экрана, начиная равняться по ней. Возня с отступами ни к чему не привела - при масштабировании страницы все разъезжается.
Как бы победить сей недуг?
Спасибо.