跳转到页内锚点时，Navbar会隐藏初始内容

Question

如何防止导航栏重叠网站的初始内容。我使用了bootstrap导航栏，同时使用缩略图锚标记将一个页面移动到另一个页面上的特定部分。 Navbar与初始内容重叠。

<script>
 var shiftWindow = function() { scrollBy(0, -50) };
    window.addEventListener("hashchange", shiftWindow);
    function load() { if (window.location.hash) shiftWindow(); }	
</script>

<li>
<a target="_blank" href="service.html#family">
					<figure class="service-img5"><h4 class="link-caption">family                     offices</h4></figure>
	</a>
</li>
<li>
  <a target="_blank" href="service.html#fund">
					<figure class="service-img5"><h4 class="link-caption">fund                     syndication</h4></figure>
	</a>
</li>