День добрый формучане.
Использую скрипт (очень неудобен)
jQuery(function ($) {
$(window).scroll(function(){
$(".swp-nav").each(function() {
if ($(window).scrollTop() > 450) {
$('.swp-nav').css('background-color', '#fcfcfc').css('border-bottom-color', '#d9d9d9');
$('.swp-nav-collapse a').css('color', '#fff')
$('.swp-nav h2').css('color', '#999')
$('.swp-nav h1 a').css('color', '#364159')
$('a.link-button').css('background-color', '#eaeaea').css('border-color', '#eaeaea').css('color', '#354059')
} else {
$('.swp-nav').css('background-color', 'rgba(0, 0, 0, 0.7)').css('border-bottom-color','#000');
$('.swp-nav-collapse a').css('color', '#fff')
$('.swp-nav h2').css('color', '#fff')
$('.swp-nav h1 a').css('color', '#fff')
$('a.link-button').css('background-color', '#000').css('border-color', '#000').css('color', '#fff')
$('a.link-button:hover').css('border-color', '#fff')
}
});
});
});
1. При прокрутке страницы расцветка верхнего меню меняется. Как добавить в этот код, проверку на ширину? То есть если ширина браузера меньше 700 пикселей, то код сделать не активным, а если ширина страницы больше 700px, то все работает.
---
И вообще, как сделать, чтобы не прописывать в js классы, а к классу .swp-nav добавлялся допустим класс .black (когда страница не проскроллена 450px вниз), а если проскроллена то тег добавляется .white. Помогите пожалуйста, очень необходимо сделать это.
