[Zaken]

В общем такая проблема, есть объект, к которому добавляется класс, а потом удаляется класс, но стили должны применяться не сразу из за transition, из за чего даже после удаления класса navbarfixed у объекта остается стиль top: -60px. Помогите исправить!
.navbar{
position: absolute;
z-index: 101;
width: 100%;
height: 60px;
top:0px;
background-color:#133268FF;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.navbarfixed{
position: fixed;
top: -60px;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}

var y;
window.onmousemove = function (event) {
event = event || window.event;
y= event.screenY;
}
setInterval(function(){
if(y<130){
$('.navbar').addClass('navbarfixed');
$('.navbarfixed').attr('style', 'top:0px');

}else{
$('.navbarfixed').attr('style', 'top:-60px');
$('.navbar').removeClass('navbarfixed');

}
},200)