Bootstrap导航栏问题，额外空间

Question

这是我的网站http://webninjas.eu/。 当我从网页顶部按下“开始使用”按钮或当网站处于手机分辨率时按导航栏中的任何元素时，导航栏的问题是额外的空间。

Screen-shot of the problem.

我知道问题来自z-index，但我不知道如何修复。 768之间的差异<分辨率：

element.style {
    z-index: 1000;
    position: fixed;
    top: 0px;
    margin-left: 0px;
    width: 1035px;
    left: 0px;
}

和分辨率＆lt; 768：

element.style {
    z-index: auto;
    position: relative;
    top: 0px;
}

我试图给768＆lt;分辨率参数为.main-nav-outer但结果甚至不能满足我的要求。

Answer 1

这是因为你已经给出102的偏移

 $('html, body').stop().animate({
                scrollTop: $($anchor.attr('href')).offset().top - 102
            }, 1500, 'easeInOutExpo');

将此更改为0