锚点:滚动到页面上的位置减去标题的高度

时间:2016-02-28 23:32:11

标签: html css web

我有一个网页http://www.alexwiley.co.uk/new_site/index.html

正如您将看到它有一个固定的导航。当您使用导航时,它会自动向下滚动页面。我的问题是我需要它滚动到一个位置,例如'ABOUT'部分,减去标题的高度。

如果您查看当前页面,您会看到由于标题,它与标题重叠。

任何建议或任何人都可以指出我正确的方向?

谢谢, 亚历

1 个答案:

答案 0 :(得分:0)

似乎不是一个固定的标题 - 当您转到该部分时,导航栏会滚出视图。使用固定的导航栏,您需要在主体顶部添加填充以适应导航栏的高度。这是因为它不是dom的一部分,页面内容从屏幕顶部呈现,然后固定元素被放置在页面上。如果导航栏(当你修复它时)是50px高,你需要向css添加body {padding-top:50px},当你滚动到它们时应该允许对这些部分的正确偏移