锚点排名

Question

我有一个长的垂直网站创建使用Wordpress垂直滚动'视差'类型的主题。所有内容区域都是通过'帖子'创建的 - 后期标题为H1。

我在页面顶部创建了一个粘性菜单，调用了我在帖子标题中设置的锚点，以尝试在定位时获得最高精度。 例如下面。

<a name="ebook"></a>Ebook 

这并没有工作，现在它滚动显示只有一半的内容是我粘菜单覆盖在这里我设置的锚标题区域的点。所以它可以通过覆盖一半内容的菜单向下滚动。

所以，我想如果我给我的锚点分配一个类，并将它保留大约200px，让锚点滚动到正确的内容。这也没有用。 如下面

<a name="ebook" class="anchor"></a>Ebook 

任何人都可以引导我解决这个？我需要在我的Wordpress帖子/内容区域上放置我的锚点大约200px，以使内容显示得很好。

（我已在使用smoothscroll.js创建锚之间的平滑过渡，宁可不看实施额外的或不同的JS /我在寻找一个CSS的解决方案。）

Answer 1

这有点不清楚（一个例子会很好），但如果我正确地理解了你，我想我以前也有过类似的问题。一个<a>将总是跳转到页面的顶部，所以如果你有一个粘性导航，它将覆盖<a>信息（我认为这是你在第一个例子中说的一部分）。我不知道为什么你觉得你需要200px（这是不清楚）。

然而，这里是我会做什么：上设置的block或inline-block显示器和padding-top你<a>标签的至少是等于你的粘资产净值的高度。这将做什么将a的顶部仍然在页面的顶部，但允许文字被撞倒。然后，您可以从a的底部将您的内容放置在任何距离。

示例：http://jsfiddle.net/6zAYw/6/