javascript - 如何使用 Jquery 禁用 Mobile 中的功能

Question

我的网站在顶部有一个固定菜单，我使用了粘性插件，但我想在移动设备上禁用此功能。

是否可以使用 Jquery 隐藏或禁用该功能？只用 javascript 来做

这是我的html代码

 <div id="fixed-search" class="fixed-search">
                        <div class="col s12 m6 l2 center-align">
                            <select id="localizacao" multiple class="dropdown-select">
                                <option value="" disabled selected>Finalidade</option>
                                <option value="1">Venda</option>
                                <option value="2">Aluguel</option>
                                <option value="3">Aluguel Temporada</option>
                            </select>
                        </div>
                        <div class="col s12 m6 l2 center-align">
                            <select id="localizacao" multiple class="dropdown-select">
                                <option value="" disabled selected>Localização</option>
                                <option value="1">Capão da Canoa</option>
                                <option value="2">Torres</option>
                                <option value="3">Tramandaí</option>
                            </select>
                        </div>
                        <div class="col s12 m6 l2 center-align">
                            <select id="bairro" multiple class="dropdown-select">
                                <option value="" disabled selected>Bairro</option>
                                <option value="1">Centro</option>
                                <option value="2">Zona nova</option>
                                <option value="3">Guarani</option>
                            </select>
                        </div>
                        <div class="col s12 m6 l2 center-align">
                            <select multiple class="dropdown-select">
                                <option value="" disabled selected>Dormitórios</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4 ou +</option>
                            </select>
                        </div>

                        <div class="col s12 m6 l2 center-align">
                            <select multiple class="dropdown-select">
                                <option value="" disabled selected>Dormitórios</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4 ou +</option>
                            </select>
                        </div>

                        <div class="col s12 m6 l2 center-align">
                            <select multiple class="dropdown-select">
                                <option value="" disabled selected>Dormitórios</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4 ou +</option>
                            </select>
                        </div>
                    </div>

这是我的 Jquery

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  $("#fixed-search").sticky();
}

$("#fixed-search").sticky({topSpacing:10});

Example

在这张图片中，您可以看到其他项目上方的固定菜单

我用

解决了这个问题

 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

}else{
  $("#fixed-search").sticky({topSpacing:10});

}

Answer 1

使用BOM对象根据设备with查找设备with apply what changes you want to implement 用js写下面代码

if(window.innerWidth < 767) {
   $("#fixed-search").sticky();
} else {
   $("#fixed-search").sticky({topSpacing:10});
}