在导航栏隐藏的页面导航中

Question

我正在使用带有fixed on top navbar的bootstrap 3。

我正在尝试进行页面导航，但内容被导航栏隐藏。

小提琴Demo

任何替代解决方案？

Answer 1

我修复了它并放了更新的小提琴here

从animate的scrollTop属性中减去150。

 $('html, body').animate({
    scrollTop: $(target).offset().top - 150
}, 1000);

Answer 2

在CSS中，您需要提供与导航栏相同或更高的填充顶部

说：在这种情况下：给

p {padding-top: 60px !important;}

当你给内联css时，

很重要，或者你可以直接从内联css中删除填充，只需给 p 标签添加填充，或者具体给这个div提供一个公共类名并给它padding-top值，或者其他地方的p标签可能会受到影响..

使用适当的选择，只需