HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 跳过在Chrome中无效的链接大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
首先,我看了 this previous question,但遗憾的是它似乎没有提供任何解决方案(除了JS,我担心这是一个非首发)

我的页面顶部有一些跳过链接…

<ul>
<li class="skip-link"><a href="#mainContent" accesskey="S"><span>Skip to main content</span></a></li>
<li class="skip-link"><a href="#main-navigation" accesskey="N"><span>Skip to main navigation</span></a></li>
</ul>

进一步下来……

<div id="mainContent"></div>

这是一个空的div纯粹作为一个锚点.

当链接被激活时,一切似乎都能正常工作;视觉上页面向下跳转,焦点转移到#mainContent后的第一个链接.

但是在Chrome(版本12.0.742.91)中,然页面在视觉上向下移动,但焦点却没有,这意味着在激活访问键之后,再次选项卡只会将您跳回到页面顶部并返回到访问链接.

我有一个与IE相同的问题,它被放到了a known quirk,并通过为目标元素设置一个特定的宽度来修复.但是,这似乎不适用于Chrome.我也尝试在#mainContent div中添加一个tab-able元素,在#mainContent div中放置任何类型的内容,以及各种浮动/宽度/高度变化,似乎没有什么可以修复它.

有没有人与Chrome有任何类似的问题或知道修复?

在此先感谢大家

西蒙

解决方法

你可以做的最好的事情,直到有人找到一个技巧/黑客是由 this issue主演的 this issue.
你的SO伙伴可能会这样做,因为他们关心.

显然,它终于是fixed.

大佬总结

以上是大佬教程为你收集整理的html – 跳过在Chrome中无效的链接全部内容,希望文章能够帮你解决html – 跳过在Chrome中无效的链接所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。