html – “跳过导航”链接无法在Google Chrome中使用

前端之家收集整理的这篇文章主要介绍了html – “跳过导航”链接无法在Google Chrome中使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我按照 this page进行“跳过导航”链接,但它在Chrome(5.0.375.127)中无效.

当我选择并输入链接时,它会滚动到内容,但是当我继续选项卡时,它从顶部开始但不从内容开始.

页面的跳过“跳过导航”链接在Chrome中也不起作用.

这是Chrome的错误吗?任何解决方法

解决方法

Chrome(Webkit)中存在一个已知错误,可防止您滚动两次到锚点.
因此,如果您之前打开#anchor,向上滚动,并再次点击链接到#anchor,它将无法正常工作.

见:http://code.google.com/p/chromium/issues/detail?id=42511

我还没有尝试过,但是首先使用javascript来清除哈希呢?
喜欢这个:

<a href="#content" onclick="location.hash='';">Scroll to content</a>

在Chrome中测试了以下内容,它的工作原理如下:

<a href="#content" onclick="this.focus();">Scroll and tab</a>
原文链接:https://www.f2er.com/html/228077.html

猜你在找的HTML相关文章