twitter-bootstrap - 内容标题隐藏在 bootstrap scrollspy 后面

Question

我所需要的是，当您单击相应的链接（例如关于我们等）时，它应该显示内容的标题，但到目前为止，标题隐藏在导航菜单后面。请帮助我减少项目的时间。如果我将填充添加到#section，它看起来是正确的，但在全宽图像之后的页面顶部会留下我不想要的空白。

下面是网址

http://squaretechnologies.in/ciomatrix/index.html

Answer 1

您在部分 ID 上放置了一个 padding-top，它等于导航的高度。你把它留在主页部分。当您点击移动菜单时，您还必须使用媒体查询进行调整，因为它没有那么高。有些人还建议使用正填充和负边距（也等于导航高度）。

这是使用 jquery 生成偏移量之外的实际解决方法（取决于您拥有的特定组合）。请参阅下面的 jQuery。

$(document).ready(function(){
$("body").scrollspy({target: "#navigation", offset:50});
});