JQuery прокручивается до якоря, действующего нечетным

Question

Итак, у меня есть сценарий для прокрутки до привязки при нажатии. Кажется, что он не работает над первым нажатием кнопки. он будет прыгать, а не прокручивать. но после первого щелчка, он переходит к привязке, и появляется мое меню, а затем все ссылки (в том числе и первый, который подпрыгнул) работают нормально. Я не уверен, что бы это вызвало, и было интересно, есть ли у кого-нибудь идея?

У меня есть JSFiddle, но он отлично работает. только когда я реализую один и тот же код на своем сайте, когда это произойдет.

Благодаря

http://spo.comxa.com/

загрузил файлы выше для тестирования, то же самое происходит.

http://jsfiddle.net/reeceheslop/b59fn43e/

$(document).ready(function() { 
$('a[href^="#"]').on('click', function (e) { 
    e.preventDefault(); 

    var target = this.hash, 
     $target = $(target); 
    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 

    }); 
}); 

Answer 1

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

document.addEventListener('scroll', function (e) { 
    var newPos = (window.scrollY * -1)/5 
    document.getElementById("header").style.backgroundPosition = "center " + newPos + "px"; 

var startY = 300; 

$(window).scroll(function(){ 
    checkY(); 
}); 

function checkY(){ 
    if($(window).scrollTop() > startY){ 
     $('.fixednav').slideDown(); 
    }else{ 
     $('.fixednav').slideUp(); 
    } 
} 


checkY(); 

}); 

$(document).ready(function(){ 
$('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 

    var target = this.hash, 
    $target = $(target); 
    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 

    }); 
}); 
});