Знатокки JS: срабатывание скрипта при определенном разрешении экрана

[kotus2002]

Всем привет!

Знатоки JS, нужна помощь...

Есть 2 скрипта: один фиксирует всякие элементы, второй скролит страницу к якорям.

1. Фиксация. Как правильно добавить условие срабатывания скрипта при разрешении экрана менее 1200?

 

<script type="text/javascript">
$(function(){
$(window).scroll(function() {
var top = $(document).scrollTop();
if (top < 300) $(".mcdmobile-menu").css({top: '0', position: 'relative'});
else $(".mcdmobile-menu").css({top: '0', width: '100%', left: '0', position: 'fixed'});
});
});
</script>

 

2. Скролл. Как правильно задать значение отступа от верхней границы, чтобы "якорный" контент не перекрывался другими зафиксированными элементами, а оказался ниже? То есть, отступ от top.

 

<script type="text/javascript" >
    $('.anchor').click(function(){
        var target = $(this).attr('href');
        $('html, body').stop().animate({
            scrollTop: $(anchor.attr('href')).offset().top
        }, 777);
        e.preventDefault();
        return false;
    });
});
</script >

 

Буду очень благодарен за помощь знатоков!

[pimur]

if(window.innerWidth < 1200) {
  //do stuff
}

2) https://learn.javascript.ru/coordinates

[kotus2002]

10 минут назад, pimur сказал:

if(window.innerWidth < 1200) {
  //do stuff
}

2) https://learn.javascript.ru/coordinates

Спасибо за ответ! Мне категорически непонята пунктуация, если несложно - покажите, пожалуйста, как именно это условие встраивается в скрипт.

 

[pimur]

Сделаете товар в подарок из вашего магазина?

Ну а если серьезно, я же первое дал вам код

Там где do stuff вставляйте на его место то что вам надо меньше 1200px что бы отрабатывало.

По 2 -ому пункту, надо смотреть на сайт

 

Отправлено с моего ZB631KL через Tapatalk

 

 

 

 

[kotus2002]

23 минуты назад, pimur сказал:

Сделаете товар в подарок из вашего магазина?

Ну а если серьезно, я же первое дал вам код

Там где do stuff вставляйте на его место то что вам надо меньше 1200px что бы отрабатывало.

По 2 -ому пункту, надо смотреть на сайт

 

Отправлено с моего ZB631KL через Tapatalk

 

 

 

 

Спасибо, сейчас поэкспериментирую)

[HyperLabTeam]

мобайл детект

[kotus2002]

1 час назад, AWARO сказал:

мобайл детект

Моя понимает, моя не понимает пунктуацию и последовательность. В мой код это встраивается? Если да - напишите, пожалуйста, куда именно и с какой пунктуацией. Пока ни один из испробованных вариантов не возымел нужного эффекта...

[HyperLabTeam]

31 минуту назад, kotus2002 сказал:

Моя понимает, моя не понимает пунктуацию и последовательность. В мой код это встраивается? Если да - напишите, пожалуйста, куда именно и с какой пунктуацией. Пока ни один из испробованных вариантов не возымел нужного эффекта...

http://mobiledetect.net/

там же документация