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ładowaMam 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”?)