Как запустить или остановить скрипт при разных разрешениях?

Question

[Юра]

Привет, подскажите как данный скрипт добавляющий тень и меняющий бэграунд, запустить или остановить при разных разрешениях экрана?

Например от максимальной ширины до 768 px данный скрипт не работает, а начиная от 768 рх и меньше работает.

<!-- Фиксированная тень -->
<script type='text/javascript'>
$(function(){
     $(window).scroll(function() {
     var top = $(document).scrollTop();
     if (top < 1) $('.topblock').css({'box-shadow':'none','background':'rgba(255,255,255,0.0)'});
     else $('.topblock').css({'box-shadow':'0 0 2px rgba(0,0,0,0.5)','background':'rgba(255,255,255,0.9)'});
     });
});
</script>

Comments

[Олег]

Здесь посмотрите пример, как получить размеры экрана.

Answer 1

[Сергей Левченко]

if ($(window).width() < 769) {
  $(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top < 1) $('.topblock').css({'box-shadow':'none','background':'rgba(255,255,255,0.0)'});
    else $('.topblock').css({'box-shadow':'0 0 2px rgba(0,0,0,0.5)','background':'rgba(255,255,255,0.9)'});
     });
} else {
  //do another
}

и я бы еще вызывал при ресайзе

$(window).on('resize', (function() {
if ($(window).width() < 769) {
  $(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top < 1) $('.topblock').css({'box-shadow':'none','background':'rgba(255,255,255,0.0)'});
    else $('.topblock').css({'box-shadow':'0 0 2px rgba(0,0,0,0.5)','background':'rgba(255,255,255,0.9)'});
     });
} else {
  //do another
}
}));