0x0011 Floating menu with jQuery. Плавающее меню на jQuery

Неудобная навигация сайта является одной из главных причин того, что наполненный полезной информацией ресурс не имеет достаточно много постоянных посетителей, но об этом, наверное, даже и не стоило бы говорить. А вот о том, что даже простое, но чрезвычайно удобное в использовании меню – один из факторов реального увеличения ПФ вашего ресурса – стоит сказать обязательно...

В качестве примера реализации полезного варианта меню, которое просто жизненно необходимо тем сайтам, на которых имеются длинные страницы, прокручивающиеся пользователями довольно долго, является плавающее меню. Иначе как пользователь сможет перейти в другой раздел сайта? Не возвращаться же ему в начало страницы, опять прокручивая страницу!

Впрочем, не буду тянуть. Всё довольно просто:

 


$(document).ready(function() {
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if(top < 100) { // Высота, с которой меню начнёт "плавать"
            $('#left_menu').css({ top: '0', position: 'relative' });
        } else {
            $('#left_menu').css({ top: '0', position: 'fixed' });
        }
    });
});