我想这个链接简单地向下滚动页面无需重新加载:链接到一个锚在同一页
<a href="#anchor">Link Text</a>
应该去<a id='anchor'/>
立竿见影。
但是,它正在重新加载页面,然后转到锚标记。为什么是这样?
应该不重要,但这是一个Rails应用程序。
我想这个链接简单地向下滚动页面无需重新加载:链接到一个锚在同一页
<a href="#anchor">Link Text</a>
应该去<a id='anchor'/>
立竿见影。
但是,它正在重新加载页面,然后转到锚标记。为什么是这样?
应该不重要,但这是一个Rails应用程序。
您应该将锚标记更改为div标记...它不会与另一个锚标记一起使用。
看一看创建如何paralax网站,但这个应该跟你在找什么...
<a href="#divIdName">Go here</a>
<div id="divIdName">Destination</div>
停泊在同一个页面帮助是这样的:
<a href="#anyId">Anchor text</a>
<p id="anyId"></p>
尝试它....
检查是否有任何事件绑定在您正在使用的锚标记上。
刚刚在我的一个rails应用上测试过,它似乎工作正常,没有重新加载,会有任何冲突的JavaScript或路由导致它重新加载? –
链接与像这样的锚将不会重新加载页面,你可以看到这里https://jsfiddle.net/wswnvqfg/问题在于别的地方,你能提供更多的信息,也许标记? – Esko
''是无效的HTML。元素的结束标记是强制性的。 – Quentin