Вопросы Теги

Анимация JQuery «Choppy» - простой тестовый пример

Вот простой тестовый пример для анимации Div с использованием абсолютного позиционирование и jQuery. 

<html>
<head>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
    <script type='text/javascript'>
        function slide(){
            $('#box').animate({'left': 0},3000);
        }   
    </script>
</head>
<body>
    <button onclick="slide()">slide</button>
    <div id="box" style="position: absolute; width: 120px; height: 100px; background: #ff0000; left: 500px"></div>
</body>

В Firefox 4 (на Mac) анимация «рвется» и очень заикается. В Safari и Chrome это лучше, но все еще есть заметное дрожание.

Упростив задачу до приведенного выше тестового примера, я не совсем уверен, что делать дальше. Это ошибка jQuery? Мне что-то не хватает с абсолютным позиционированием, что заставило бы браузер перерисовывать загрузку? Был бы невероятно благодарен, если бы некоторые люди могли попробовать приведенный выше код и подумать .... даже если это только для того, чтобы убедить меня, что я не сойду с ума :)

6
задан Jim Anning 15 April 2011 в 06:45
поделиться