2016-09-22 96 views
0

我想这个链接简单地向下滚动页面无需重新加载:链接到一个锚在同一页

<a href="#anchor">Link Text</a> 

应该去<a id='anchor'/>立竿见影。

但是,它正在重新加载页面,然后转到锚标记。为什么是这样?

应该不重要,但这是一个Rails应用程序。

+0

刚刚在我的一个rails应用上测试过,它似乎工作正常,没有重新加载,会有任何冲突的JavaScript或路由导致它重新加载? –

+1

链接与像这样的锚将不会重新加载页面,你可以看到这里https://jsfiddle.net/wswnvqfg/问题在于别的地方,你能提供更多的信息,也许标记? – Esko

回答

-2

您应该将锚标记更改为div标记...它不会与另一个锚标记一起使用。

看一看创建如何paralax网站,但这个应该跟你在找什么...

<a href="#divIdName">Go here</a> 
<div id="divIdName">Destination</div> 
+2

你的评论是错误的,锚将在任何html元素上工作,甚至是具有该id的另一个锚。 – Esko

+0

如果我的评论是错误的?为什么你的建议演示看起来完全像我演示的?和我的作品呢? – Crispian

+0

我没有说你的代码是错误的或不工作......我的代码只是为了证明与锚链接不重新加载页面。您的评论***'它不会与另一个锚标记'***是简单的***错误和误导***和反对html规范。 – Esko

-2

停泊在同一个页面帮助是这样的:

<a href="#anyId">Anchor text</a> 
<p id="anyId"></p> 

尝试它....

-2

检查是否有任何事件绑定在您正在使用的锚标记上。