Всем привет!
Делаю сайт на jQuery , совсем недавно знаком с этой библиотекой, в общем суть задачи в следующем:
Есть сайт , по бокам у него стрелочки, вверх , вниз , влево и вправо , соотв. нажимая вверх , сайт как бы уезжает вниз на 3 экрана и показывается другой раздел , в общем суть в том , что экраны ездят.
Я весь код написал , он работает во всех браузерах , кромее... правильно! IE! , вверх у меня экран съезжает , а вниз не возвращается , прыгает и все , потом белый экран ставновится , т.к. на том месте никаких элементов не прописано.
двигаю элементы так:
var last="";
var mode=0;
function goUp() {
last="-=250%";
mode=2;
$("div.block").animate({top: "+=250%"}, 1200);
return false;
}
function goDown() {
last="+=300%";
mode=2;
$("div.block").animate({top: "-=300%"}, 1200);
return false;
}
function goLeft() {
last="-=300%";
mode=1;
$("div.block").animate({left: "+=300%"}, 1200);
return false;
}
function goRight() {
last="+=200%";
mode=1;
$("div.block").animate({left: "-=200%"}, 1200);
return false;
}
function goBack() {
if (last!="" && mode>0) {
//alert(last);
if (mode==1)
//äëÿ âîçâðàòà ïî x
$("div.block").animate({left: last}, 1200);
if (mode==2)
//äëÿ âîçâðàòà ïî y
$("div.block").animate({top: last}, 1200);
last="";
mode=0;
}
}
Кто поможет? Что я делаю не так , в Safari , Opera , Firefox и Google Chrome все ровно , работает как нужно )