因此,我的链接具有用于加载 ajax 的 href 值和用于链接到页面顶部的 onclick 值。当我单击链接时,ajax 内容都会加载,并且 url 会显示对锚点的引用,但页面不会移动到锚点。
我已经尝试过锚点show.html.erb
and index.html.erb
当我滚动到顶部时,它会直观地显示它们应该用于测试的位置,但页面不会移动到该位置。有什么想法可能导致这种情况吗?
show.html.erb
and index.html.erb
<a name="#posts_top">love and kittens</a>
单击后,浏览器中的 url 会发生以下情况:
http://localhost:3000 => http://localhost:3000/#posts_top
然而,内容加载并且页面仅轻微跳转以适应新内容,但不会移动锚点。
任何想法将不胜感激!
Thanks
您使用该属性href
指向另一个锚点(可以由name
or id
属性。
例如:
<h3><a name="menu">Menu</a></h3>
<ul>
<li><a href="#a001">Jump to a001</a></li>
<li><a href="#a002">Jump to a002</a></li>
<li><a href="#a003">Jump to a003</a></li>
</ul>
<h3><a name="a001">a001</a></h3>
<p>paragraph text ...</p>
<h3><a name="a002">a002</a></h3>
<p>paragraph text ...</p>
<h3><a name="a003">a003</a></h3>
<p>paragraph text ...</p>
<hr>
<p><a href="#menu">Jump to Menu</a></p>
需要注意的是,您还可以使用id
代替name
像这样...
<a href="#a001">Jump to a001</a>
...
<h3 id="a001">a001</h3>
了解更多相关信息here http://www.tagindex.net/html/link/a_name.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)