Javascript 当顶部有一个持久条时,锚定链接

Javascript 当顶部有一个持久条时,锚定链接,javascript,jquery,browser,scroll,Javascript,Jquery,Browser,Scroll,有趣的“问题”。我们花了很多时间使我们的顶栏在网站上持久化。现在,每当在页面上单击锚点时,浏览器都会将我带到一个分区,但由于有一个持久化栏,所以该分区的起始位置隐藏在持久化栏后面:) 有没有什么好主意,我可以通过Jquery或其他什么来跟踪它,而不是使用浏览器默认设置,或者使用“动画”和“scrolltop”进行滚动定位然后将用户带到锚点偏移量上方约30px的位置,这样即使有持久条,在持久条下方仍然可以看到预期的目的地 当在页面中单击链接时,我可以控制这一点,但如何控制用户何时通过锚进入页面。谢

有趣的“问题”。我们花了很多时间使我们的顶栏在网站上持久化。现在,每当在页面上单击锚点时,浏览器都会将我带到一个分区,但由于有一个持久化栏,所以该分区的起始位置隐藏在持久化栏后面:)

有没有什么好主意,我可以通过Jquery或其他什么来跟踪它,而不是使用浏览器默认设置,或者使用“动画”和“scrolltop”进行滚动定位然后将用户带到锚点偏移量上方约30px的位置,这样即使有持久条,在持久条下方仍然可以看到预期的目的地


当在页面中单击链接时,我可以控制这一点,但如何控制用户何时通过锚进入页面。谢谢

查看这个jquery示例。它还显示了如何设置偏移量变量,以便您可以设置顶部栏的缓冲区

您可以使用window.location.hash隔离锚散列。根据URL的其他部分,您可能需要稍微调整您的标签值。一旦有了jQuery对象,就可以随心所欲了

HTML:


你的意思是“固定”条吗?是的,当用户向下滚动到某个位置时,持久条使用css位置:固定但动态。嗨。有没有可能使用这种平滑滚动的方式,使HTML内部没有任何变化?我们只需创建部分并链接到它们,页脚中包含的一些完全独立的Jquery(人们从未接触过或甚至不知道这些内容)负责平滑滚动?你的意思是像拥有一个独立的.js文件那样不会嵌入HTML中吗?如果是的话
< a id="sectionName" name="sectionName"></ a>
var hashTag = window.location.hash;
$(hashTag).css({ position: "absolute", top: "30px" });