Блог

Я пытаюсь выделить ссылку в липком заголовке, который соответствует div, который в данный момент прокручивается. Я изо всех сил старался найти решения в сети, но ничего не нашел. Возможно, я использовал неправильные ключевые слова, поэтому простите меня, если на это уже был дан ответ. Я также знаю о Scrollspy Bootstrap, однако что-то на моем веб-сайте мешает ему работать. О боже … что-то пошло не так.

В любом случае я был бы признателен, если бы вы могли взглянуть на следующую скрипку: http://jsfiddle.net/Eh5L9/9 /

     $(window).scroll(function () {
    $(".panel").each(function() {
        var eidee = this.attr('id'),
            thetop = this.offset().top,
            thebottom = this.offset.top   this.height();            
        if ($(document).scrollTop() > thetop amp;amp; $(document).scrollTop() < thebottom) {
            $('#menu link'   eidee).addClass('bla');
        }   
        else {
            $('#menu link'   eidee).removeClass('bla');
        }
    });
});
  

помимо множества опечаток, здесь есть рабочая скрипка: http://jsfiddle.net/Eh5L9/6 /

Я изменил меню CSS, чтобы оно отображалось внизу, чтобы вы могли видеть, что оно работает. Тем не менее, есть лучший способ написать этот код — он все равно работает..

JS:

     $(window).scroll(function() {
    $(".panel").each(function(){ 
        var eidee = $(this).attr('id'),
            thetop = $(this).offset().top,
            thebottom = $(this).offset().top   $(this).height();    
        if ($(document).scrollTop() > thetop amp;amp; $(document).scrollTop() < thebottom) {
            $('#menu').find('#link'   eidee).addClass('bla');
        }   
        else {
            $('#menu').find('#link'   eidee).removeClass('bla');
        }
    });
});