IN DEVELOPMENT
Exempel
jsfiddle
Beteende för komponenten
Komponenten dyker upp automatiskt när man scrollar på sidan. Det finns inga speciella villkor kopplade till den, utan den visas på alla sidor när den behövs.
I desktop har vi möjlighet att lägga komponenten vid sidan av griden. vilket gör att den även följer med över sajtfoten. I mobil stannar knappen ovanför sidfoten, då den annars skulle täcka länkarna som finns i sajtfoten. Det är alltså en diff mellan desktop och mobil i beteende. Principen är att pilen aldrig ska täcka något innehåll/länk/funktion och därför finns olika funktion beroende på om det är mobil eller desktop.
“Back to top” över desktop sidfot
“Back to top” över mobil sidfot
Vid klick av komponenten så sveper den upp snabbt i en scrollanimation och hoppar inte bara upp till kanten. Detta för att ge användaren visuell feedback på vad som hänt.
Designspecifikation
-
Do’s and Don’ts
-
Tillgänglighet
-
Research på komponenten
-
Relaterade resurser/komponenter
-
Status
Status | UNDER UTVECKLING |
---|---|
Publicerad | 2020-03-02 |
Senast uppdaterad | 2020-03-02 |