Kod
var hoverInterval;
function doStuff_plus(){ doStuff(1); }
function doStuff_minus(){ doStuff(-1); }
function doStuff(hm) {
var h = $('.thumb_slider div').height();
//alert(h);
var top = $('.thumb_slider div').css('top');
top = top.replace('px', '');
top = parseInt(top);
top += hm;
var r = h + top - 405;
if(top<0 && r > 0)
{
$('.thumb_slider div').css({'top':top+'px'});
}
}
$(function() {
hoverInterval = setInterval(doStuff_minus,1);
);
});
function doStuff_plus(){ doStuff(1); }
function doStuff_minus(){ doStuff(-1); }
function doStuff(hm) {
var h = $('.thumb_slider div').height();
//alert(h);
var top = $('.thumb_slider div').css('top');
top = top.replace('px', '');
top = parseInt(top);
top += hm;
var r = h + top - 405;
if(top<0 && r > 0)
{
$('.thumb_slider div').css({'top':top+'px'});
}
}
$(function() {
hoverInterval = setInterval(doStuff_minus,1);
);
});
problem jest taki, że pod FireFoxem, animacja jest bardzo powodlna, mniejwięcej 10 razy wolniej element przesuwa się niż pod chrome lub ie.
Wydaje mi się że funkcja doStuff jest wywoaływana tyle samo razy wciagu 1 sekundy na wszystkich 3 przeglądarkach, a problem leży w samej funkcji ".css(" w jaki sposób to można poprawić?