Jak mogę uniknąć artefaktów animacji na moim dotykowym przeciąganym elemencie granicy promienia na iPadzie?

Napisałem małą przykładową stronę z elementami, które można przeciągać na urządzeniach dotykowych (na podstawiekod autorstwa Petera-Paula Kocha).

Moja strona przykładowa

Mam dwa przeciągalne<div> elementy: zielony blok i czerwona kula (w kształcie kuli zborder-radius). Przeciąganie jest realizowane za pomocąontouchstart, ontouchmove iontouchend, a „animacja” odbywa się poprzez zmianętop ileft Właściwości CSS tych elementów.

Kiedy przeciągam zieloną, wszystkie są różami i ponycorns.

Ale kiedy przeciągam czerwony w Safari na iPadzie 1 (z systemem iOS 5.1.1) lub iPadzie 3 (6.0.1), dostaję mało jasnoczerwonych śladów, gdzie były tylne krawędzie okręgu (patrz zrzut ekranu poniżej).

Nie widzę jednak tych śladów na moim iPhonie 5 (6.1.4).

Czy istnieje sposób na pozbycie się tych szlaków?

(Pytanie dodatkowe: czy istnieje termin na ten efekt? „Duchy”? „Artefakty”?)

questionAnswers(2)

yourAnswerToTheQuestion