Question

我在Chrome移动浏览器上的移动菜单出现问题：

我在标题中有固定菜单，标题高度为55px。菜单中的每个链接都有50px。

在slideToggle（）上，我的菜单从display：none变为display：block，z-index变为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浏览器上它的工作原理应该是.toggleMobile点击我的#mobileMenu节目。但是，当我使用移动设备时，当我点击.toggleMobile时，我的#mobileMenu显示到特定点55px（标题高度）。

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

你知道为什么我的菜单在移动Chrome浏览器上没有正确显示，但它在正常情况下是这样吗？提前谢谢。

Answer 1

尝试设置高度$（＆＃34; #mobileMenu＆＃34;）。height（200）.slideToggle（）;

slideToggle（）不会在Chrome移动设备上扩展移动设备菜单

1 个答案: