Question

所以我使用了我在网上找到的这个片段，在向下滚动200px时显示菜单ID。但我确实希望为移动用户隐藏此ID，因此我正在寻找一种在if条件中包含视口宽度的方法。

(function($) {
$(document).ready(function(){
    $(window).scroll(function(){
        if ($(this).scrollTop() > 200 && $( window ).width > 980) {
            $('#menu').fadeIn(500);
            console.log($( window ).width());
        } else {
            $('#menu').fadeOut(500);
        }
    });
});

我在网上发现你可以使用'＆amp;＆amp;'来使用多种条件在你的第一个条件后。使用console.log行我检查了它在移动设备上给我的值并将其应用于条件，但它似乎不起作用。它会在向下滚动时显示菜单，每次都会将宽度记录到控制台。

这是解决此问题的正确方法吗？或者我可能需要一个不同的视口宽度函数并调用此函数？

Answer 1

我过去刚刚用过这个：

$(document).ready(function () {

    if ($(window).innerWidth() < 568) {
        $('#menu').fadeOut(500);
    } else {
        $('#menu').fadeIn(500);
    }

});

jQuery中的视口宽度不起作用？

1 个答案: