Motion (Framer Motion v12) Animationen, die auf dem iPhone 15 Pro Max Safari & Mac Safari (Next.js App) zurückbleiben ⇐ JavaScript

[Anonymous]

Problembeschreibung < /strong>

Ich arbeite an einem nächsten. Bestimmte Animationen sind extrem verzögert und langsam auf iPhone -Geräten mit iOS safari/Chrom (getestet auf iPhone 15 Pro Max und iPhone 14) sowie auf Mac Safari getestet. glatt. (vereinfacht)

Code: Select all

'use client'
import { motion } from 'motion/react'
import Image from 'next/image'
import type { Variants } from 'framer-motion'
import { cn } from '@/shared/lib/css'

// (all 'Variants' definitions: textAnim, lightAnim, wordAnim, moduleAnim) ...

const HomeIntro = () => (






Wealth Creation System



{/* some spans */}



{/* Several motion.spans with wordAnim */}


{/* paragraphs */}



)

export { HomeIntro }
< /code>
 Versuche zu debuggen /was ich ausprobiert habe.

)-vernachlässigbarer Auswirkungen. />
bemerkt: Meine benutzerdefinierte Burger -Menüanimation (mit Übergang + Transformation: Translatex Auch erscheint auf der Hauptseite keine Animation, sondern funktioniert auf anderen Seiten gut. sehr geschätzt!