eba15ef52b
Client feedback: a light/small scroll snapped back to the current card instead of advancing - native scroll-snap always settles on whichever card is nearest, and a light nudge rarely crosses the halfway point. Each wheel burst now tracks its starting card index and net deltaY. On settle, if the nearest card by position is still the start card but there was clear directional movement (>4px net), the row advances one card in that direction instead of springing back - so even a light wheel tick pages forward. Larger scrolls are unaffected: if the actual scroll position already lands closer to a farther card, it jumps straight there (no artificial one-card-per-burst cap), and a burst that nets out near zero (e.g. wiggling back and forth) correctly stays put. The settle target is computed the same way the old drag-to-scroll feature centered cards, and re-enables scroll-snap only after the settling scrollTo animation would have finished, so it doesn't fight the smooth scroll. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
53 lines
2.8 KiB
HTML
53 lines
2.8 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||
<!-- Nur fuer die Paket-Kacheln auf der Modell-Seite (Name/Preis-Typografie im
|
||
Kunden-Referenzdesign) - der Rest der Seite bleibt beim Standard-Font. -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600&family=Michroma&display=swap" rel="stylesheet" />
|
||
<title>HifiPlanet | Car-Hifi Umbauten nach Maß</title>
|
||
<meta name="description" content="HifiPlanet – dein Car-Hifi Spezialist. Marke und Modell wählen, passende Sound-Pakete entdecken und unverbindlich anfragen." />
|
||
<link rel="canonical" href="https://hifi-planet.de/" />
|
||
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="HifiPlanet" />
|
||
<meta property="og:title" content="HifiPlanet | Car-Hifi Umbauten nach Maß" />
|
||
<meta property="og:description" content="Dein Car-Hifi Spezialist: Marke und Modell wählen, passende Sound-Pakete entdecken und unverbindlich anfragen." />
|
||
<meta property="og:locale" content="de_DE" />
|
||
<meta name="twitter:card" content="summary" />
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "AutoRepair",
|
||
"name": "HifiPlanet",
|
||
"description": "Car-Hifi Spezialist für individuelle Sound-Umbauten – vom unauffälligen Upgrade bis zum Komplettumbau.",
|
||
"url": "https://hifi-planet.de/",
|
||
"telephone": "+4993732062390",
|
||
"email": "info@hifi-planet-amorbach.de",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"streetAddress": "Boxbrunner Str. 20a",
|
||
"postalCode": "63916",
|
||
"addressLocality": "Amorbach",
|
||
"addressCountry": "DE"
|
||
},
|
||
"openingHoursSpecification": [
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "09:00", "closes": "18:00" },
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday"], "opens": "10:00", "closes": "13:00" }
|
||
],
|
||
"sameAs": ["https://www.youtube.com/@hifiplanet2812"]
|
||
}
|
||
</script>
|
||
<script type="module" crossorigin src="/assets/index-D-bbfDHb.js"></script>
|
||
<link rel="modulepreload" crossorigin href="/assets/lucide-icons-CnpfS6R8.js">
|
||
<link rel="stylesheet" crossorigin href="/assets/index-9666bnLb.css">
|
||
</head>
|
||
<body class="bg-white text-slate-900 dark:bg-slate-950 dark:text-slate-100">
|
||
<div id="root"></div>
|
||
</body>
|
||
</html>
|