我创建了我的在线投资组合,它是一个页面,我在顶部菜单上使用了锚点标签,在Chrome中完美工作,但在浏览器和Firefox中点击技能选项卡时,我的工作中间有人知道为什么一些简单的标签可能无法在某些浏览器中正确加载?单页网站锚点只能在Chrome中正常工作
Link to the website with the issue
我创建了我的在线投资组合,它是一个页面,我在顶部菜单上使用了锚点标签,在Chrome中完美工作,但在浏览器和Firefox中点击技能选项卡时,我的工作中间有人知道为什么一些简单的标签可能无法在某些浏览器中正确加载?单页网站锚点只能在Chrome中正常工作
Link to the website with the issue
看来你与与name
参数的<a>
元素的锚点。要制作主播,您需要一个id
。
实施例:
<div id="skill"/>
或与一些内容的div
:
<div id="skill">
...
</div>
其原因是,利用在<a>
属性name
属性是过时因为html5。从MDN
文档:
此属性在锚页内限定的目标位置所需的。名称的值与id核心属性的值相似,并且 应该是文档特有的字母数字标识符。在HTML 4.01规范下,id和name都可以与
<a>
元素一起使用,只要它们具有相同的值。
我不确定这是回答,但共识似乎是你应该遵循@ Fralec的建议。有关更深入的解释,请参阅http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – LinuxDisciple
更新我的答案。 – Fralec
[Anchor link landing at wrong position]可能重复(http://stackoverflow.com/questions/6826741/anchor-link-landing-in-wrong-position) – showdev