Twitter Bootstrap模板页面跳过div的开始

Question

我正在使用这个Twitter Bootstrap模板来创建一个单页面响应式站点。它真的工作得很好，除了我发现HTML页面跳转不能很好地工作。

对于导航中的About、Services、Contact页面跳转，我发现它们都滚动过了它们应该跳转到的div的开头。

这发生在最新版本的Chrome和Firefox上。我正在使用Bootstrap 3。

我似乎找不到任何Bootstrap页面跳转的文档。

为什么他们似乎跳过了<div>

Answer 1

您的问题与上面的错误报告中提到的问题不同。

您在body元素上设置了50 px的padding-top来补偿固定的导航栏。当滚动到div时，此填充无效，因此您的内容将被导航栏隐藏。

您可以添加一些额外的javascript，以在您滚动到的div上设置填充顶部：

$('.navbar-ex1-collapse a').click(function() 
{
    $('.featurette').css('padding-top','0');
    var link = $(this).attr('href');
    $(link).css('padding-top','50px');
});

在html中添加额外的空间也是一种解决方案。