Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Знатокки 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 >

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

 

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

 

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

 

 

 

 

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

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

 

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

 

 

 

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

http://mobiledetect.net/

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

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.