sticky navigation + parallax scroling not working propretly

sticky navigation + parallax scroling not working propretly

Hello

I guess my question is more about css. Well I´m instaling in the same html file  sticky navigation and parallax scroling effect. But in the css the sticky navigation uses this trasition: 

{
box-sizing: border-box;
transition: .4s ease-in-out;
}

and that transition is used unintentionally by de parallax effect. So, suposing that I change the transition to 2 seconds, when I scroll donw the file (open in browser) I can notice withe "boxes" in the background, wich is obviously the several backgound images making that transition. Of course if the time of th transition is just 0.4s the "withe boxes" just appears in a small time, almost do not notice them, but I do and its a error! And the parallax effect just doesn´t work corectly.
 Well, my question is, how can I make to just put the transition accepted by the navigation bar? In other words, how make the parallax bacgorund effect avoid the navigation bar transition.

thanks, hope you can understand my question


ps. I attach the css file.. this a bit confusing, but hope u understand.. 

the navigation bar effect




and the parallax effect: