我的网站正在使用所有主流浏览器,但我发现Chrome上的某些链接存在问题。
在顶部菜单('InícioPortfólioSobreContato')一切正常。下面是另一个导航区域,其中一些单词是指向特定作业的链接,但是当我单击它们时它不起作用。这种情况发生在该区域(和对角线)下方的拇指图像处。
这很奇怪,因为有些链接正在运行(在主导航中),而其他链接则没有。
我的网站是:http://www.santosidaniel.com
有人知道问题是什么吗?我在Mac OS上,使用最新的Chrome。
答案 0 :(得分: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中是这样。
答案 1 :(得分:0)
由于新信息而编辑此内容,
http://demos.flesler.com/jquery/scrollTo/
看起来您正在使用的库需要使用适当的语法通过缩略图水平移动每个部分。
尝试设置像
这样的JS语句 $(...).scrollTo( '520px', 800 );
答案 2 :(得分:0)
问题似乎在你的javascript中,如果我禁用javascript,锚点确实有效。你的javascript全部被缩小,因此很难分辨出发生了什么,但我的钱是jquery.scrollTo-1.4.2-min.js
脚本。
答案 3 :(得分:0)
我真的不知道为什么,但是如果你改变这一行:
slider.js(第67行)
$('body').stop().scrollTo(container, 800);
由此
$('html, body').stop().animate({
scrollTop: container.offset().top
}, 1500, 'easeInOutExpo');
将解决问题。