Jump to content

Помогите сделать изменение меню при скроллинге?

Recommended Posts

Вот код шапки. html+css



чтоб правильно увидеть окно браузера, растяните часть jsbinA аутпут до 790+ пикселей.


Как через js сделать при прокрутке страницы (на 50-100-200... пикс.) изменения шапки? Нужно чтоб меню стало в один ряд с логотипом, и уменьшился шрифт в самих пунктов меню. А при скроллинге обратно шапка стала на место.


Пробывал такие варианты:

        var scrolled = $(this).scrollTop();
        if( scrolled >= 107 ) {
            $('.main-navigation a').addClass('КЛАСС с изменениями');
        if( scrolled <= 107 ) {     
            $('.main-navigation a').removeClass('КЛАСС с изменениями');

не выходит ничего не меняет.

window.onscroll = function(){
	 var html = document.documentElement, body = document.body;
	 var BlkStyle = document.getElementById('block').style; /*--тут искал и бай КлассНаме, и икспас...---*/
	 if(html.scrollTop>49||body.scrollTop>49) { //alert()
	 } else BlkStyle.height=BlkStyle.borderColor="";

И тут не могу понять.


Прошу помощи.

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...