Motion (Framer Motion v12) Animationen, die auf dem iPhone 15 Pro Max Safari & Mac Safari (Next.js App) zurückbleiben
Posted: 19 Aug 2025, 09:03
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))-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!
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.
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!