Question

我的Mac上有以下代码：

<a href="#content">Skip navigation</a>
<ul>
    <li><a href="link1.html">Link1</a></li>
    <li><a href="link2.html">Link2</a></li>
    <li><a href="link3.html">Link3</a></li>
</ul>
<div id="content">Lots of code here, with more links.</div>

在OSX Chrome和Safari中，我可以选中顶部链接，按Enter键，屏幕向下滚动到<div id="content">。但是，当我再次按下标签按钮时，结果显示第一个链接仍处于活动状态，我最终会通过导航进行标记。

在Windows中，此代码按预期工作（即我使用该链接成功避免必须通过页面顶部的导航进行制表）。

有人能告诉我在OSX上使用键盘正确导航页面内部链接所需的代码吗？

Answer 1

好的，这是灵感闪现之后的答案。

您需要在目标＆lt; a id =“content”＆gt;上设置href =“＃”。这将使其正确导航到使用Mac的键盘。

<a href="#content">Skip navigation</a>
<ul>
    <li><a href="link1.html">Link1</a></li>
    <li><a href="link2.html">Link2</a></li>
    <li><a href="link3.html">Link3</a></li>
</ul>
<a id="content" href="#"></a>
<div>Lots of code here, with more links.</div>

显然，这并不理想，因为它引入了额外的标记，但这是我能找到让它运作的唯一方法。

允许键盘使用OSX导航内部页面链接的代码？

1 个答案: