Смена стилей при скроллинге?

Question

[Lolut]

Нужно чтоб при скроллинге стили. которые в шапке заменялись другие.

$(document).ready(function(){
var nav  = $(".site-nav"); 
nav.css("display", "inline-block"); 
$(window).scroll(function(){
 var scroll = $(window).scrollTop();
 if (scroll > 10){
  $("nav").removeClass("site-nav").addClass("site-nav-scroll");
 }
else{

}
})

});

site-nav-scroll - стили которые должны примениться. Не понимаю

Comments

[Артур Карапетян]

var = $(".site-nav"); -- нет имени переменной

[kulaeff]

Я ни черта не понял. Что не работает у вас? Стили не применяются?

[Lolut]

kulaeff, Нужно чтоб когда navbar опускался вниз к нему применялись другие стили и заменились на старые. Можете пример показать, то я уже в тупике.

Answer 1

[y0u]

https://jsfiddle.net/y0u/wmn0gz6b/

Answer 2

[Данил Разумков]

У вас var без имени и $("nav") нужно точку поставить если это класс

Comments

[Lolut]

Это опечатка вышла у меня тут, все равно не так работает как надо.

[Данил Разумков]

Lolut, https://jsfiddle.net/m3feqsev/7
Вроде все работает или в чем проблема?

[Lolut]

Извините, может неправильно объяснил вам. Вот как сейчас выглядит мой navbar, мне нужно чтоб просто сменились стили hover у тега a при прокрутки вниз. https://codepen.io/3331/pen/mpGYJE

[Данил Разумков]

Lolut, Страница не найдена.

[Lolut]

Данил Разумков, Исправил

[Данил Разумков]

Lolut, https://codepen.io/anon/pen/qpMGob