Как правильно написать такой jQuery скрипт?

259

12 декабря 2016, 10:15

Мне нужно написать такой jQuery скрипт:

Когда посетитель прокручивает страницу сайта вниз, в шапке исчезает все, кроме главного меню, а когда прокручивает в самый верх, шапка опять полностью появляется.

Вот что есть на данный момент:

jQuery(document).ready(function($) {
    jQuery(window).scroll(function() {
        jQuery("#header").not('#header_main_alternate').hide('slow');
    })
})

Почему-то, несмотря на .not('#header_main_alternate'), прячется вся шапка. Помогите, пожалуйста, дописать скрипт!

Answer 1

Вот посмотри http://pcvector.net/scripts/layout_and_interface/390-lipkiy-header.html

Answer 2

Вот, что у меня получилось:

jQuery(document).ready(function($) {
    var scrollTop = $(window).scrollTop();
    var headerHeight = $("#header").height();
    $(window).scroll(function() {
        if ($(this).scrollTop()>= headerHeight) { 
            // header just passed
            $(".logo, .social_bookmarks, .phone-info, #header_main>.container, #header_meta").fadeOut('slow');
        }
        else{
            $(".logo, .social_bookmarks, .phone-info, #header_main>.container, #header_meta").fadeIn('fast');
        }
    })
})