JQuery окно прокрутки и элементы в положении проблемы - PullRequest
Новая
       14

JQuery окно прокрутки и элементы в положении проблемы

0 голосов
/ 02 июня 2010

Я использую $(window).scroll(function() для установки классов по навигации сайта. Когда раздел отображается, класс навигации меняется на «текущий». 

$(window).scroll(function() {

                var top = 0;
                top = $(window).scrollTop();

                if(top < 1000){
                    $("a[href='#uk']").parent().addClass("current");
                    $("a[href='#uk']").parent().siblings().removeClass("current");
                }
                if((top >= 1000) && (top < 2000)){
                    $("a[href='#mcr']").parent().addClass("current");
                    $("a[href='#mcr']").parent().siblings().removeClass("current");
                }    
                if((top >= 2000) && (top < 3000)){      
                    $("a[href='#lpool']").parent().addClass("current");
                    $("a[href='#lpool']").parent().siblings().removeClass("current");
                }
                if((top >= 3000) && (top < 4000)){      
                    $("a[href='#bham']").parent().addClass("current");
                    $("a[href='#bham']").parent().siblings().removeClass("current");
                }
            });

Это прекрасно работает, однако работает, когда окно «прокручивается» на место (очевидно). Если страница обновляется, класс удаляется, даже если страница остается в определенном разделе.

Как мне получить этот код, чтобы проверить, где он находится при загрузке страницы, и немедленно применить класс?

1 Ответ

0 голосов
/ 02 июня 2010 
   //call it every load.. to fix your problem...
    fix();

    $(window).scroll(fix); //then bind it on window scroll..


function fix(){
     var top = 0;
     top = $(window).scrollTop();

     if(top < 1000){
          $("a[href='#uk']").parent().addClass("current");
          $("a[href='#uk']").parent().siblings().removeClass("current");
     }
     if((top >= 1000) && (top < 2000)){
          $("a[href='#mcr']").parent().addClass("current");
          $("a[href='#mcr']").parent().siblings().removeClass("current");
      }    
      if((top >= 2000) && (top < 3000)){      
          $("a[href='#lpool']").parent().addClass("current");
          $("a[href='#lpool']").parent().siblings().removeClass("current");
      }
      if((top >= 3000) && (top < 4000)){      
          $("a[href='#bham']").parent().addClass("current");
          $("a[href='#bham']").parent().siblings().removeClass("current");
      }
}
...