У меня есть скрипт, нужно сделать чтобы он не работал на мобильных устройствах. Как это сделать?

Question

[Kostyaiii92]

Есть вот такой вот код!
Это код на платформе Tilda Publishin.
Основная суть кода заключается в том что, определенный блок «Блок меню», закрепляется при скролинге на верху странице.

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

Как седлать чтобы этот код работал только на экранах 900+ а все что ниже он отключался ?

<style type="text/css">
    .floating {
        width: 100%;
    }
    .fixed {
        position: fixed;
        top: 45px;
        z-index: 99999;
    }
</style>

<script type="text/javascript">
if(window.screen.width > 990) {
    $(document).ready(function() {
        /* нужно заменить на ID блока выполняющего роль меню */
        var newMenu = $( "#rec37368317" ).clone().addClass("floating").appendTo("#allrecords");
    
        $(window).scroll(function() { 
            var top = $(document).scrollTop();
            /* появление меню при прокрутке через 250 пикселей */
            if (top >= 250) { 
                newMenu.addClass("fixed").slideDown("fast");
            } else {
                newMenu.slideUp("fast").wait(600).removeClass("fixed");
            }
        });
    });
}
</script>

Answer 1

[Stimulate]

@media (min-width: 900px) {
  .floating {
        width: 100%;
    }
    .fixed {
        position: fixed;
        top: 45px;
        z-index: 99999;
    }
}

Comments

[Kostyaiii92]

Спасибо большое)
Очень помогли )

Answer 2

[Владислав Лысков]

ты явно путаешь screen.width и width, если для мобильных устройств, то screen.width должен быть примерно >400

Comments

[Kostyaiii92]

Да я уже понял )) извиняюсь ) в спешке писал просто )