# Ankerlinks / Sprungmarken scrollen nicht zur richtigen Position / smooth scrolling?

**URL:** https://forum.shopware.com/t/ankerlinks-sprungmarken-scrollen-nicht-zur-richtigen-position-smooth-scrolling/90454
**Category:** Shopware 6 (German)
**Tags:** programming, templates--design, themes--design
**Created:** [21. September 2021 um 11:47 UTC](https://forum.shopware.com/t/ankerlinks-sprungmarken-scrollen-nicht-zur-richtigen-position-smooth-scrolling/90454 "2021-09-21T11:47:41Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![cinquecento](https://avatars.discourse-cdn.com/v4/letter/c/cc9497/32.png) [@cinquecento](https://forum.shopware.com/u/cinquecento)
#### Post date: [21. September 2021 um 11:47 UTC](https://forum.shopware.com/t/ankerlinks-sprungmarken-scrollen-nicht-zur-richtigen-position-smooth-scrolling/90454/1 "2021-09-21T11:47:41Z")

</div>

Hallo Leute,

ich habe das Template `/storefront/page/content/detail.html.twig` dahingehend bearbeitet, dass der Sektionsname, der in der Erlebniswelt eingegeben wird, als ID für die jeweilige `cms-section` eingesetzt wird.

Warum aber passt die Scrollposition nicht, wenn ich die Sektion mit einem Ankerlink (z.B. [meine-seite.de/unterseite/#anker](http://meine-seite.de/unterseite/#anker)) erreichen möchte? Insbesondere dann, wenn der Link nicht auf derselben Seite platziert ist, auf der der Container mit der Ziel-ID ist.

Die ID ist einzigartig und enthält keine unzulässigen Zeichen.

Und wie kann ich meinem Theme beibringen, dass es „smooth“ zu jedem Anker scrollen soll?

LG  
cinque

---

<div class="post-metadata">

### Author: ![design3](https://avatars.discourse-cdn.com/v4/letter/d/9d8465/32.png) [@design3](https://forum.shopware.com/u/design3)
#### Post date: [24. April 2023 um 10:41 UTC](https://forum.shopware.com/t/ankerlinks-sprungmarken-scrollen-nicht-zur-richtigen-position-smooth-scrolling/90454/2 "2023-04-24T10:41:51Z")

</div>

hi, hast du hier eine lösung gefunden?  
würd emich auch intressieren!

---

<div class="post-metadata">

### Author: ![cinquecento](https://avatars.discourse-cdn.com/v4/letter/c/cc9497/32.png) [@cinquecento](https://forum.shopware.com/u/cinquecento)
#### Post date: [24. April 2023 um 11:00 UTC](https://forum.shopware.com/t/ankerlinks-sprungmarken-scrollen-nicht-zur-richtigen-position-smooth-scrolling/90454/3 "2023-04-24T11:00:42Z")

</div>

Hi,

ich hatte dazu leider keine Lösung gefunden.

Ich bin aber ehrlich gesagt auch davon ausgegangen, dass das Problem mit der Scrollposition inzwischen möglicherweise durch Updates gelöst worden wäre.

Das smoothe scrollen zu jedem Anker kannst du deinem Template ja mit CSS beibringen (z. B. mit `body { scroll-behavior: smooth; }`), aber das war ja nicht das Hauptproblem bei meiner Frage 🙂

---

<div class="post-metadata">

### Author: ![design3](https://avatars.discourse-cdn.com/v4/letter/d/9d8465/32.png) [@design3](https://forum.shopware.com/u/design3)
#### Post date: [29. April 2023 um 13:56 UTC](https://forum.shopware.com/t/ankerlinks-sprungmarken-scrollen-nicht-zur-richtigen-position-smooth-scrolling/90454/4 "2023-04-29T13:56:20Z")

</div>

Aiaiai! Aus irgendeinem Grund hab ich gedacht, das würde nicht gehen. Btw: html { scroll-behavior: smooth; } Danke!!!
