代码适用于IE和Chrome,而非Firefox。 Firebug中没有错误消息,只是页面重新加载。并且画廊代码和fadeIn在开始工作,只是随后的点击事件:
$(document).ready(function(){
$('.gallery').slick({
adaptiveHeight:true,
dots:true,
arrows:true,
autoplay:true,
infinite:true,
});
$("h1").fadeIn(1000, function(){
$("h2").fadeIn(1000, function(){
$("h3").fadeIn(1000);
});
});
$("#about").click(function() {
event.preventDefault();
$('html, body').animate({
scrollTop: $("#aboutContainer").offset().top
}, 1000);
});
是否与传递$('#aboutContainer).offset.top
?
答案 0 :(得分:2)
我认为您的event
变量未定义。您需要将其指定为闭包参数:
$("#about").click(function(event) { // <<--- THIS
event.preventDefault();
$('html, body').animate({
scrollTop: $("#aboutContainer").offset().top
}, 1000);
});
另一件事,你没有说过你是否在页面加载完成时执行此操作。执行时#about
元素可能不可用。