[英]Some links not working on Chrome
我的网站在所有主流浏览器上都可以使用,但是我发现Chrome上的某些链接存在问题。
在顶部菜单(“InícioPortfólioSobre Contato”)中,一切正常。 在其下面是另一个导航区域,其中某些单词是指向特定作业的链接,但是当我单击它们时它不起作用。 这是在该区域(和对角线)以下的拇指图像发生的。
很好奇,因为某些链接在主导航中有效,而其他链接却无效。
我的网站是: http : //www.santosidaniel.com
有人知道问题出在哪里吗? 我使用的是Mac OS,带有最新的Chrome。
我不确定其他人说什么,但是我在您的页面中看到以下代码:
$('#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中是如此。
根据新信息进行编辑,
http://demos.flesler.com/jquery/scrollTo/
看来您正在使用的库要求使用适当的语法在缩略图的每个部分中水平移动。
尝试设置JS语句,例如
$(...).scrollTo( '520px', 800 );
问题似乎出在您的javascript中,如果我禁用了javascript,则锚点可以正常工作。 您的JavaScript都被保留了下来,所以很难说是怎么回事,但是我的钱在jquery.scrollTo-1.4.2-min.js
脚本上。
我真的不知道为什么,但是如果您更改此行:
slide.js(第67行)
$('body').stop().scrollTo(container, 800);
这样
$('html, body').stop().animate({
scrollTop: container.offset().top
}, 1500, 'easeInOutExpo');
将解决问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.