我有一个使用 WordPress 垂直滚动创建的长垂直网站'parallax' 输入主题。所有内容区域都是通过“帖子”创建的 - 帖子标题是 H1。
我在页面顶部创建了一个粘性菜单,调用我在帖子标题中设置的锚点,以尝试获得最准确的定位。例如下面。
<a name="ebook"></a>Ebook
这不起作用,因为现在它滚动到仅显示一半内容的点,因为我的粘性菜单覆盖了我设置锚点的标题区域。因此它会向下滚动,菜单覆盖一半的内容。
所以,我想如果我为我的锚点分配一个类,并将其边距增加约 200 像素,以使锚点滚动到正确的内容,会怎么样。这也行不通。Eg below
<a name="ebook" class="anchor"></a>Ebook
有人可以指导我解决这个问题吗?我需要将锚点放置在 Wordpress 帖子/内容区域上方约 200 像素处,以便内容能够完美显示。
(我已经在使用smoothscroll.js
创建锚点之间的平滑过渡,并且不想考虑实现额外的或不同的 JS / 我正在寻找 CSS 解决方案。 )
这有点不清楚(一个例子就更好了),但如果我理解正确的话,我想我自己过去也遇到过类似的问题。一个<a>
总是会跳到页面顶部,所以如果你有一个粘性导航,它会覆盖<a>
信息(我认为这是你首先所说的一部分)。我不知道为什么你觉得你需要 200px (这还不清楚)。
然而,这就是我要做的:set a block
or inline-block
显示和一个padding-top
在你的<a>
标签的高度至少等于粘性导航的高度。这将做的是将顶部a
仍在页面顶部,但允许文本向下移动。然后,您可以将内容放置在距底部任意距离的位置a
.
例子:http://jsfiddle.net/6zAYw/6/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)