javascript - Twitter Bootstrap模板页面跳转到div开头

我正在使用此Twitter Bootstrap模板创建一页响应网站。它工作得很好，除了我发现HTML页面跳转无法正常工作之外。

对于“关于”，“服务”，“联系人”页面，我在导航中跳转了一下，发现它们都滚动到了应该跳转到的div的开头。

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

我似乎找不到Bootstrap的pagejumps的任何文档。

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

最佳答案

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

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

您可以添加一些其他JavaScript，以在滚动至的div上设置padding-top：

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

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

关于javascript - Twitter Bootstrap模板页面跳转到div开头，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20162946/