我正在研究 responsive site使用我自己的 css 而不是 bootstrap。
在 iphone 上的 safari 和在 andriod 上的 chrome 上,导航有问题。
如果您在菜单中打开一个类别并尝试滚动菜单将关闭。
最佳答案
我在调试时注意到您的 $(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();
}
});
如果您再遇到麻烦,请告诉我!
关于javascript - 导航栏在移动设备上折叠,滚动时使用 chrome/safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17711676/