0

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

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

这很奇怪,因为一些链接正在工作(在主导航中),而另一些则没有。

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

有人知道问题是什么吗?我在 Mac OS 上,使用最新的 Chrome。

4

4 回答 4

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 中是这样。

于 2012-10-02T04:42:37.663 回答
0

由于新信息而对此进行编辑,

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

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

尝试设置 JS 语句,如

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

于 2012-10-02T03:32:39.983 回答
0

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

滑块.js(第 67 行)

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

这样

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

将解决问题。

于 2012-10-02T05:05:54.217 回答
0

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

于 2012-10-02T04:10:14.373 回答