У меня есть анимация jQuery, которая плавно отображается во всех браузерах, кроме Safari (проверяется только на Windows 7).jQuery анимация негладкая в Safari на Windows
Важно, чтобы он поддерживал Safari. Кто-нибудь знает, почему?
Кстати, это не первый раз, когда я сталкиваюсь с этой проблемой.
Это код, я использую:
setInterval(function() {
nextObstacle = createObstacle();
animateLoops(nextObstacle,direction);
direction = (direction == '+=3') ? ('-=8') : ('+=3');
}, 2000);
function animateLoops(o,direction) {
o.animate ({
'top': '+=1',
'left': direction,
'height': '+=5',
'width': '+=5'
}, 100, 'linear', function() {
if (o.outerWidth()<200) // keep moving
animateLoops(o,direction);
else { // check success
o.fadeOut();
}
});
}
<style>
#game-div {
width:590px;
height:700px;
background: url(images/background-1604.png);
position:relative;
/* cursor: url(images/plane-1604.png), auto;*/
}
.loop {
position:absolute;
top:230px;
left:270px;
width: 30px;
height:30px;
}
</style>
Вы можете видеть, что здесь живут: http://www.israelinsidethemovie.com/plane-game/
Bruv ** а) ** определить гладкость? :) Я нахожусь в сафари osx lion, и кроме этих толстых кругов balck он выглядит гладко :)) cheers –
Я думаю, что лучший способ определить эту проблему гладкости выглядит так: в хром это выглядит намного лучше! –