Не срабатывает анимация scrollLeft в Firefox. В Chrome и IE работает. Помогите разобраться. Не могу найти ошибку.
Рабочий примет
тут
код:
$(document).ready(function(){
var destination = 0;
var iteration = 0;
$("div.nav2").css("display", "none");
function runIt() {
if (iteration < 46) {
$("body").animate({scrollLeft: '+='+destination}, 10, function(){setTimeout(runIt, 30);});
iteration += 1;
}
else {
iteration = 0;
}
}
$("a#play").click(function() {
destination = $("img.frame:first").width();
runIt();
$("div.nav1").css("display", "none");
setTimeout( function()
{
$("div.nav2").css("display", "block");
}, 400);
});
$("a#forward").click(function() {
$("body").animate({scrollLeft: 0}, 5000);
$("div.nav2").css("display", "none");
setTimeout( function()
{
$("div.nav1").css("display", "block");
}, 400);
});
$(window).scroll(function () {
$("div.nav-container").css("display", "none").fadeIn(400);
});
});