内容标题隐藏在bootstrap scrollspy后面

Question

当我点击各自的链接（例如关于我们等）时，我需要的是它应该显示内容的标题但是现在标题隐藏在导航菜单后面...请帮助我很少有时间进行项目。如果我向#section添加填充它看起来是正确的但是在全宽图像之后它在页面顶部留下了我不想要的空白区域。

下面的

是网址

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

Answer 1

您在部分ID上放置了一个等于导航高度的填充顶部。你离开家庭部分。当您点击移动菜单时，您还必须使用媒体查询进行调整，因为它不够高。有些人还建议使用正填充和负边距（也等于导航高度）。

这是使用jquery产生偏移量的实际修复（取决于你具有的具体组合）。请参阅下面的jQuery。

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