外部锚链接在 Chrome 中不起作用

玛丽莲·布莱斯

我在使用 Chrome 的外部锚链接时遇到问题。在我的网站上,单击链接时,我想从子页面导航回到主页的特定部分。我使用一个简单的#锚来实现此目标,就像过去一样……在chrome之外的所有浏览器中都可以正常工作。单击 chrome 中的链接时,我被重定向到主页的顶部。(但我可以看到 url 栏中显示的 #anchor)对于所有其他浏览器,此操作可以正常工作。这是由于chrome的错误吗?如果是这样,有人可以建议解决方法吗?这是我得到的代码。在主页上:<div id="page-anchor"></div>

在子页面上: <div id="go_back"><p ><a id="back" href="../index.html#page-anchor" target="_self">back to portfolio</a></p></div>

安纳托利·德夫

我有同样的问题。试试这个解决方法

var hash = window.location.hash;
if ($(hash).length) {
    $('html, body').stop().animate({
        scrollTop: $(hash).offset().top
    }, 1000);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

深度链接在Chrome中不起作用

来自分类Dev

链接在chrome版本37.0.2062.124 m中不起作用

来自分类Dev

深度链接在Chrome中不起作用

来自分类Dev

锚链接在android中不起作用

来自分类Dev

动态生成的html链接在Firefox中有效,但在Chrome中不起作用

来自分类Dev

指定的锚点链接在dojo对话框中不起作用(chrome和firefox)

来自分类Dev

Foundation Sticky菜单链接在Google Chrome中不起作用

来自分类Dev

附加的<a>链接在Chrome中不起作用,但可以通过Notepad ++使用吗?

来自分类Dev

外部链接在 Angular 2 中不起作用

来自分类Dev

锚链接不起作用

来自分类Dev

盖茨比平滑滚动锚链接在部署到github页面时不起作用

来自分类Dev

锚链接在 FullCalendar 的周和日视图中不起作用

来自分类Dev

当您要使用链接组件时,外部链接在Next.js中不起作用

来自分类Dev

单击时锚链接不起作用

来自分类Dev

jQuery Mobile锚链接不起作用

来自分类Dev

CSS:锚链接悬停不起作用

来自分类Dev

Fiddler在Chrome中不起作用

来自分类Dev

onbeforeunload在Windows Chrome中不起作用

来自分类Dev

AngularJS代码在Chrome中不起作用

来自分类Dev

HTML导入在Chrome中不起作用

来自分类Dev

openwebrtc演示在Chrome中不起作用

来自分类Dev

Seekbar在Chrome中不起作用

来自分类Dev

CSS @keyframes在Chrome中不起作用

来自分类Dev

显示:flex在Chrome中不起作用

来自分类Dev

Zend Route在Chrome中不起作用

来自分类Dev

onclick方法在Chrome中不起作用

来自分类Dev

Flex高度在Chrome中不起作用

来自分类Dev

ECC证书在Chrome中不起作用?

来自分类Dev

JavaScript确认在Chrome中不起作用