加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 23:46:13 所属栏目:资源 来源:网络整理
导读:我按照 this page进行“跳过导航”链接,但它在Chrome(5.0.375.127)中无效. 当我选择并输入链接时,它会滚动到内容,但是当我继续选项卡时,它从顶部开始但不从内容开始. 该页面的跳过“跳过导航”链接在Chrome中也不起作用. 这是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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读