slideToggle() 不会在 Chrome 移动设备上扩展移动菜单



我在Chrome移动浏览器上的移动菜单有问题:

我在一个标题中固定了菜单,标题的高度为55px。菜单中的每个链接都有50像素。

在slideLogge()上,我的菜单从display:none变为display:block,z索引变为99。

$("#mobileMenu").hide();
$(".toggleMobile").click(function () {
    $(this).toggleClass("active");
    $("#mobileMenu").slideToggle();
});
#mobileMenu {
    display: block;
    z-index: 99;
}
.toggleMobile {
    display: block;
    position: relative;
    left: 380px;
    width: auto;
    z-index: 999;
}

在firebug和chrome浏览器上,它的工作原理就像它应该的一样,在.thoggMobile上单击我的#mobileMenu显示。然而,当我使用移动设备时,当我点击.thoggMobile时,我的#mobileMenu会显示到55px(标题高度)。

很抱歉没有提供jsfiddle,我很难提供它。

你知道为什么我的菜单在移动chrome浏览器上显示不正确,而在普通浏览器上显示正确吗?提前谢谢。

尝试设置高度$("#mobileMenu").height(200).slideToggle();

最新更新