Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.

Status
colourRed
titleIN DEVELOPMENT


outline
Innehållsförteckning

Exempel

true

jsfiddle

Exempel

Image Removed

Image Added

Beteende för komponenten

  • Komponenten dyker upp automatiskt när man scrollar på sidan det . 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 den komponenten vid sidan av griden. vilket gör att den även följer med över simfoten menar i en mobil hade den då täckt länkar i sidfoten vilket har lett till att i mobil så fastnar den ovanför sidfoten dvs att det är 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 modeller funktion beroende på om det är den mobila sajtfoten som visas eller desktop-varianten. Som du kan se har vi olika design och funktion på mobil sajtfot och dator-sajtfot, och pilen anpassar sig efter dessa två modeller.

Image Removed
  • mobil eller desktop.

Image Added

“Back to top” över desktop sidfot

Image RemovedImage Added

“Back to top” över mobil sidfot

  • Vid klick av komponenten så sveper den upp snabbt i en scroll animation scrollanimation och hoppar inte bara hoppar upp till kanten, detta . 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

Status
colourYellow
titleUNDER UTVECKLING

Publicerad

2020-03-02

Senast uppdaterad

2020-03-02