Есть ли способ скрыть артефакты, которые появляются в браузерах webkit при использовании jQuery animate?

Question

Я использую jQuery animate для перемещения по элементам на веб-странице. По какой-то причине, только в браузерах webkit существует множество артефактов в пространстве, над которым анимирован элемент. Есть ли способ остановить это или скрыть это?

Они появляются на карусели, когда вы загружаете страницу здесь: http://www.mywebclass.org/~jeff/

Answer 1

В вашем анимированном обратном вызове прокрутите вниз на 1px, а затем обратно на 1px:

$(this).addClass('active');
scrollTo(document.body.scrollLeft, document.body.scrollTop + 1);
scrollTo(document.body.scrollLeft, document.body.scrollTop - 1);

Answer 2

Следы с левой стороны текста @ font-face, анимированного с помощью свойства left в Chrome & Safari.Я обнаружил, что использование некоторого отступа слева для текста и корректировка анимации для размещения исправили проблему.

Answer 3

Я вижу только остатки анимации в H1, которые, я думаю, вызваны использованием нестандартного шрифта.

Это не решение, но если вы не можете предотвратить это, вы можете удалить эти маленькиеублюдки, просто прокручивая веб-страницу на 1 пиксель вверх или вниз.

Вы также используете устаревшую версию jQuery (1.3 вместо 1.6.2), есть ли причина для этого?Если нет, вы должны использовать последнюю версию

Answer 4

На этой машине я не вижу никаких следов, но я знаю эффект, о котором вы говорите.

Это не является прямым решением, но я, кажется, помню, что анимация свойства leftочень медленный ресурс на медленных системах.Скорее всего, это приведет к более плавному восприятию, если вы будете работать с <div>, где установлен overflow:hidden; и одним большим слайдом, который вы перемещаете, анимируя scrollLeft() вместо этих анимаций.

В jQuery для дизайнеров была запись об этом, я обновлю ее, как только найду.

Обновление: "jQuery для дизайнеров - развлечения с переполнением"