链接离页div部分和添加的填充

时间:2014-12-14 00:34:44

标签: html css

所以如果之前已经回答过这个问题,我会提前道歉 - 我尝试过搜索但是找不到太多内容。

设计师和我正在努力创建这个网站 - www.zeinal-jundi.com

这主要是使用滚动效果导航到不同部分的单页布局,尽管该网站的Discography部分确实链接到每个专辑的单独页面。我们还有一个固定的标题,允许导航一直可见。最初,我在页面的每个部分添加了一个边距,以适应固定标题的高度。然而,这使得每个部分之间的空间太大,所以我的设计师要求我找到解决方法。我能够通过向滚动动画脚本添加一个值来修复它,该脚本将该部分从顶部带到250px左右,而不是页面的整体顶部(然后它将被固定标题覆盖)

所以现在,我当然遇到了从另一个页面链接到这些部分的问题 - 使用如下代码:

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

这当然会链接到首页,但会将该部分带到最顶部,它会被我们的标题隐藏。我想知道是否有人知道我可以从另一个页面链接到此部分的方法,但添加一个类似于我在滚动功能上的动作,它将从页面顶部向下调高250px而不是非常没有我必须为每个div添加边距。

另一种选择当然只是让那个讨厌的固定标题更短,或者可能在页面滚动到某一点之后隐藏网站标题,但是我们的客户似乎非常坚持让整个标题始终可见,所以我当然我正试图找到一个解决方案,所以我们不必重新考虑整个元素(如果这样的解决方案存在的话)。

我希望我解释得这么好!如果您需要查看任何其他代码,请告诉我们 - 我们希望听到您对如何实现此类事情的想法! :)

1 个答案:

答案 0 :(得分:0)

如果你通过CSS放置块,你可以使用CSS3 :target pseudo selector来定位链接指向的任何部分,例如:

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