Html 使用添加的填充链接页外div节

所以，如果这个问题以前有人回答过，我提前表示歉意——我尝试过搜索，但找不到太多

我和一位设计师正在创建这个网站——www.zeinal-jundi.com

这主要是一个单页布局，使用滚动效果导航到不同的部分，尽管该网站的Discography部分确实链接到每个相册的单独页面。我们也有一个固定的标题，允许导航是可见的整个时间。最初，我在页面的每个部分都添加了一个边距，以适应固定页眉的高度。然而，这使得每个部分之间的空间太大，所以我的设计师要求我找到一种解决方法。我可以通过在滚动动画脚本中添加一个值来修复它，该脚本将该部分从页面顶部移动到250px左右，而不是页面的整体顶部（在那里它将被固定的标题覆盖）

现在，我当然遇到了从另一个页面链接到这些部分的问题——使用如下代码：

<a href="http://zeinal-jundi.com/#bio">Biography</a>

这当然会链接回首页，但会将该部分带到最顶端，在那里它被我们的标题隐藏。我想知道是否有人知道我可以从另一个页面链接到这个部分，但添加一个类似于我在滚动功能上的操作，它将使它从页面顶部上升到250px，而不是顶部，而不必为每个div添加边距

当然，另一个选择是将讨厌的固定标题缩短很多，或者可能在页面滚动到某个点后隐藏站点标题，但是我们的客户似乎非常坚持让整个标题始终可见，所以我当然在尝试找到解决方法，这样我们就不必重新考虑整个元素（如果存在这样的解决方案）

---

我希望我对此解释得足够好！如果您需要查看任何其他代码，请告诉我-希望听到您对如何实现此目标的想法！：）

如果您通过CSS放置块，您可以使用CSS3定位链接指向的任何部分，例如：

:target {
    /* ... example:
     top: 250px;
     */
}