某些链接在 Chrome 上不起作用答案

【问题标题】：Some links not working on Chrome某些链接在 Chrome 上不起作用
【发布时间】：2012-10-02 02:11:29
【问题描述】：

我的网站可以在所有主流浏览器上运行，但我发现 Chrome 上的某些链接存在问题。

在顶部菜单（'Início Portfólio Sobre Contato'）一切正常。下面是另一个导航区域，其中一些单词是指向特定工作的链接，但是当我单击它们时它不起作用。该区域（和对角线）下方的拇指图像会发生这种情况。

这很奇怪，因为有些链接可以正常工作（在主导航中），而有些则不能。

我的网站是：http://www.santosidaniel.com

有人知道问题出在哪里吗？我在 Mac OS 上，使用最新的 Chrome。

【问题讨论】：

通常人们在这里发布一些代码来帮助我们。 é boa prática adicionar o código aqui。 :)
所有链接对我来说都很好。 qual está dando problema?
对我来说，链接不起作用，正如你所说，但只要我在 Chrome 上打开开发者工具，它就会开始工作并正确移动到指向的对象。当我再次关闭开发者工具时，链接再次停止工作。
我没有发布代码，因为我不知道所有 JS、HTML 部分和 CSS 中的哪一个可能是问题。
RASG，与导航“thumbs_menu”和文章相关的链接：“words_menu”无效

标签： javascript html google-chrome

【解决方案1】：

我不确定其他人怎么说，但我在您的页面中看到了这段代码：

$('#main_menu a').bind('click',function(event){
    if(!$(this).parent('li').hasClass('lang') && !$(this).parent('li').hasClass('langlast')) {
        $(document).find('title').text($(this).text() + ' | santosidaniel');

        var $anchor = $(this);

        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');

        event.preventDefault();
    }
});

这似乎是导致滚动的有效代码，至少在 Chrome 中是这样。其他链接不工作是因为没有绑定函数？

如果我也添加#words_menu a 和#thumbs_menu a，那么链接将起作用。

显然这并不能解释为什么它在其他浏览器中也能正常工作，但这似乎解决了问题，至少在 Chrome 中是这样。

【讨论】：

【解决方案2】：

问题似乎出在您的 javascript 中，如果我禁用 javascript，则锚点会起作用。您的 javascript 已全部被挖掘，因此很难判断发生了什么，但我的钱在 jquery.scrollTo-1.4.2-min.js 脚本上。

【讨论】：

scrollTo 与我下载的一样。可能是不兼容？如果不兼容，如何在没有这个问题的情况下拥有相同的功能？
和你下载的一样，但是你需要按照demos.flesler.com/jquery/scrollTo正确使用它
对不起ajkochanowicz 但如果不是这样我不知道如何正确使用。正如我所说，我是初学者:)
是的，我不知道到底发生了什么，你可能错误地附加了事件监听器，其他一些脚本可能与它发生冲突，等等。
您可以从不包括该脚本开始，看看这是否真的是问题的根源。如果是这样，那就是调试时间，或者废弃插件，让浏览器做它的事情。你会失去效果，但你的页面不会被破坏。

【解决方案3】：

由于新信息而编辑此内容，

http://demos.flesler.com/jquery/scrollTo/

看起来您正在使用的库需要使用适当的语法通过缩略图水平移动每个部分。

尝试设置像

这样的 JS 语句

$(...).scrollTo( '520px', 800 );

【讨论】：

但是你可以看到在所有其他浏览器中工作。并且所有链接都没有错误的 ID 或拼写。 .scrollcontainer 部分不是负责使链接移动的代码部分。
这听起来像是您使用的 javascript 库的问题。你是自己写的还是从某个地方写的？这可能有助于诊断。
那里有很多库，其中只有两个是写给我的（但不是我自己写的）：slider.js 和contact.js。我认为这个问题可能与slider.js有关
Ajkochanowicz，但我的代码只有百分比，这不合适:(
阅读文档！支持百分比：$(...).scrollTo('50%', 800);

【解决方案4】：

我真的不知道为什么，但如果你改变这一行：

slider.js（第 67 行）

$('body').stop().scrollTo(container, 800);

通过这个

$('html, body').stop().animate({
    scrollTop: container.offset().top
}, 1500, 'easeInOutExpo');

会解决问题的。

【讨论】：

嘿伙计们，现在似乎有一个问题没有发现，主菜单现在不工作，而其他菜单工作。现在有人知道可能是什么问题了吗？