当我们在顶部有一个持久栏时锚定链接

Question

有趣的“问题”。我们花了很多时间让我们的顶级酒吧在网站上持久。现在，每当在页面上单击一个锚点时，浏览器会将我带到一个部分，但由于存在持久性栏，因此该段开始隐藏在持久栏之后:)

有什么聪明的想法，我可以通过Jquery或其他东西跟踪这个，而不是浏览器默认，也许这样滚动锚定工作“动画”和“scrolltop”？ - 然后让用户大约30px 以上锚点的偏移量，这样即使在那里有持久性条形图，预定目标也会显示在持久性条形图下方？

我可以在页面中单击链接时控制此项，但如何控制用户何时通过锚点进入页面。谢谢！

Answer 1

查看这个jquery示例。 Smooth-Scrolling它还显示了如何设置偏移量变量，以便设置顶栏的缓冲区

Answer 2

您可以使用window.location.hash隔离锚点哈希。根据您网址的其余部分，您可能需要按一下hashTag值。然后，一旦你有一个jQuery对象，你可以按照自己的意愿去做。

HTML：

< a id="sectionName" name="sectionName"></ a>

JS：

var hashTag = window.location.hash;
$(hashTag).css({ position: "absolute", top: "30px" });