javascript - 导航栏在移动设备上折叠，滚动时使用 chrome/safari

Question

我正在研究 responsive site使用我自己的 css 而不是 bootstrap。

在 iphone 上的 safari 和在 andriod 上的 chrome 上，导航有问题。

如果您在菜单中打开一个类别并尝试滚动菜单将关闭。

Answer 1

我在调试时注意到您的 $(window).resize 函数在用户滚动时被调用。如果宽度没有改变，您可以简单地忽略调整大小事件，它将解决您的问题。

$(window).resize(function(){

    if ( width == GetWidth() ) {
        return;
    }

    width = GetWidth();

    if(width >= 768){
        $("#logo").removeClass("front");
        $("#icon-bar .front").removeClass("front");
        $("#main-navi").show();
        $("#main-navi>li ul").hide();
        $("#main-navi .dropped").removeClass('dropped');
    } else {
        $("#main-navi").hide();
    }
});

如果您再遇到麻烦，请告诉我!