HTML页面跳转,锚点不起作用

时间:2017-09-30 22:00:32

标签: html css anchor

我有一个非常简单的问题,我确信有一个简单的修复,但我找不到它。

我正在尝试使用锚点从一个页面跳转到另一个页面,以便在特定div上加载新页面。显然这不起作用,而页面只是在顶部加载。

这就是我的<a>标记:

<a href="projects.html#link" onclick="location.reload()" class="col-sm-4 
noHighlight">

然后,在“projects.html”页面上,我有这个:

<div class="container" id="link" name="link">
<br>
<h2 style="text-align: center;">Test</h2>
<br>
<h5>
</h>
</div>

如果在加载了projects.html页面时,我强制刷新我的chrome浏览器选项卡,页面会加载到正确的div。如果我然后滚动回到顶部并再次强制刷新选项卡,则它不起作用。 location.reload()试图强制浏览器自行强制刷新,但无论是否有任何变化似乎都没有改变。

任何建议都会受到赞赏,如果我需要发布更多代码我会,但我真的没有太多的javascript或CSS可能会有冲突。

谢谢,

你的boi,Boi。

1 个答案:

答案 0 :(得分:0)

将以下代码添加到您的子主题CSS中:html {scroll-behavior:auto!important;}