Question

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

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

Rest of the code

记住在菜单中选择jquery框架

Answer 1

尝试为margin-top设置#dropdown_container，例如：

#dropdown_container {
   margin-top: 35px;
}

希望这有效！

Answer 2

尝试动画你的容器填充底部大小如此缩小，并告诉我它是否适合你：

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

Answer 3

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

#dropdown_container {
   float: left;
}

jsfiddle

Jquery下拉悬停效果

3 个答案: