Jquery Navigation切换到页面太远

Question

网址：http://zestofsuccess.com/finch/

单击右上角的菜单图标时，导航会打开，但会在页面下滑得太远。在此先感谢您的帮助！

这是我正在使用的Jquery

<script type="text/javascript">
jQuery(document).ready(function($){

/* prepend menu icon */
$('#top-menu-nav').prepend('<div id="menu-icon"></div>');

/* toggle nav */
$("#menu-icon").on("click", function(){
    $("#top-menu").slideToggle();
    $(this).toggleClass("active");
});

});
</script>

Answer 1

这看起来像是一个CSS问题。 将margin-top上的ul#top-menu从60px更改为10px;

此外，#main-header需要固定的高度。我把它给了它75px并取消了弹跳。

Answer 2

在ul#top-menu

上加上固定的宽度