Välttääksesi liikkeen, joka syntyy ankkurilinkkiä käytettäessä scrollattaessa sivua, tee ankkurilinkeistä välittömästi kohdesektioon hyppääviä.
Ohjeet:
1. Kun linkki on valittu, valitse Element Settings -paneelista pudotusvalikosta se osio, johon linkin tulisi hypätä.
.jpeg)
2. Valitse body-elementti ja lisää Custom Attributes -osiossa uusi attribuutti: Name: data-scroll-time Value: 0
Tämä asettaa scrollauksen keston kohde-elementtiin 0 sekuntiin, eli siirtyminen tapahtuu heti ilman animaatiota.
.jpeg)
3. Julkaise ja testaa sivusto varmistaaksesi, että ankkurilinkki hyppää suoraan kohteeseen eikä vieritä sisältöjen yli.
👉 Katso alta ohjevideo ankkurilinkin saavutettavasta toteutuksesta Webflow’ssa.