SmoothScoll и lightbox conflict

Question

У меня this website, и есть конфликт между Smoothscroll javascript и лайтбокс.

Вот сценарий для прокрутки

$(function() { 
    $('a[href*="#"]:not([href="#"])').click(function() { 
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
      $('html, body').animate({ 
      scrollTop: target.offset().top 
      }, 1000); 
      return false; 
     } 
     } 
    }); 
    }); 

Как я могу решить эту проблему? Как я могу сделать лайтбокс и гладкую прокрутку одновременно?

Answer 1

Я не эксперт JQuery и не знаю, насколько гибкими селекторы, но вот некоторые предложения:

Suggestion 1:

Я не думаю, что этот селектор:

a[href*="#"]:not([href="#"]) 

будет работать должным образом. Вы выбираете все элементы href, если они не имеют значения атрибута «#». Я думаю, что этот случай не охватывает ссылки с другим значением, как у вас: «# queen-bee». Я считаю, что вы используете другой селектор.

Предложение 2:

if (target.length) { 
    $('html, body').animate({ 
     scrollTop: target.offset().top 
    }, 1000); 

    return false; // Try removing the return 
} 

Возвращения оператор может предотвратить событие от кипящих, поэтому лайтбокс не получит. Попробуйте удалить его.