jquery - jQuery下拉悬停效果

Question

我的 jquery 下拉悬停效果有问题。由于某种原因，下拉容器向上移动。任何帮助将非常感激。

$(document).ready(function () {
    $("#submit").mouseenter(function(){
        $("#dropdown_container").slideDown();
    });
    $("#dropdown_container").mouseleave(function(){
        $("#dropdown_container").slideUp();
    });
});

其余代码

记得在菜单中选择 jquery 框架

Answer 1

尝试margin-top为您#dropdown_container的示例设置：

#dropdown_container {
   margin-top: 35px;
}

希望这有效！

Answer 2

您可以添加float: left到#dropdown_container：

#dropdown_container {
   float: left;
}

jsfiddle

Answer 3

试着让你的容器 padding-bottom 像这样变小，然后告诉我它是否适合你：

    $("#submit").on("mouseenter",function(){
       $("#dropdown_container").animate({"padding-bottom":"200px"}, fast);
    });