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

Question

[friedrichkrupp]

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

Столкнулся с проблемой, что меню отображается на мониторах >980px в самом низу экрана, но этого не нужно.
Меню должно отображаться только в мобильной версии, а в десктопной его не должно быть.

Помогите, пожалуйста, в решении проблемы

<style type="text/css">
@media (max-width: 980px) {
  .floating {
        width: 100%;
    }
    .fixed {
        position: fixed;
        bottom: 0px;
        z-index: 99999;
    }
}
</style>

<script type="text/javascript">
    $(document).ready(function() {
        /* нужно заменить на ID блока выполняющего роль меню */
        var newMenu = $( "#rec93146130" ).hide().addClass("floating").appendTo("#allrecords");
        var newMenu = $( "#rec93146130" ).clone().addClass("floating").appendTo("#allrecords");
        
        /* если нужно, чтобы меню прикреплялось и в мобильной версии, то указать "yes" */
        var needMobile = "yes";

        if(!isMobile || (isMobile && needMobile === "yes")) {
            $(window).scroll(function() { 
                var top = $(document).scrollTop();
                /* появление меню при прокрутке через 250 пикселей */
                if (top >= 0) { 
                    newMenu.addClass("fixed").slideDown("fast");
                } else {
                    newMenu.removeClass("fixed");
                }
            });
        }
    });
</script>

Answer 1

[ProjectSoft]

if(!isMobile || (isMobile && needMobile === "yes")) {

Что за фигня?))
Т. е. если не мобильный или если мобильный плюс переменная равна чему-то там...
Это условие означает - всегда внизу!
Попробуйте так
if(isMobile && needMobile === "yes") {

Comments

[friedrichkrupp]

Это готовое решение взял в другом месте, но приспособить не совсем получилось. Спасибо за предложение - попробую.

[ProjectSoft]

friedrichkrupp, тут тогда главный момент - где определяется isMobile и как?

[friedrichkrupp]

Не знаю - я не владею навыками программирования: надеялся, что решить можно изменив что-то в этом коде - поэтому и обратился на форум

[ProjectSoft]

friedrichkrupp Короче код должен быть таким

$(window).on('scroll resize', function(){
	var isMobile = (window.innerWidth < 920 ? true : false),
		top = $(document).scrollTop();
	if(isMobile){
		if (top >  0) { 
			!newMenu.hasClass("fixed") && newMenu.addClass("fixed").slideDown("fast");
		} else {
			newMenu.hasClass("fixed") && newMenu.removeClass("fixed");
		}
	}else{
		newMenu.hasClass("fixed") && newMenu.removeClass("fixed");
	}
});

needMobile - думаю вообще не нужен.

[ProjectSoft]

friedrichkrupp, а где определяется newMenu?

[friedrichkrupp]

ProjectSoft, спасибо огромное! Позже напишу по результатам!

[friedrichkrupp]

ProjectSoft, это ссылка на блок, который выполняет роль меню

[ProjectSoft]

friedrichkrupp, я это понимаю. Она объявлена выше этого кода?
Типа

var newMenu = $('.my_menu');
$(window).on('scroll resize', function(){
    /*....наш код....*/
});

[friedrichkrupp]

ProjectSoft, сам блок идёт выше кода. Это важно? Можно сделать ниже

[ProjectSoft]

Это важно?

Очень.
Переменная должна быть объявлена выше кода событий window

[friedrichkrupp]

ProjectSoft, заменил кусок кода на ваш и сработало: меню появляется и работает как надо только в мобильной версии
if(isMobile && needMobile === "yes") {

[friedrichkrupp]

ProjectSoft, спасибо большое за ваше время и помощь!