Webdesign 101 » Navigation » Dynamiske menuer » Pil-op altid synlig

"Gå-til-toppen-af-siden" altid synlig

Scriptet fra foregående side med den flydende menu kan hurtigt laves om til en "flydende pil-op", der signalerer, at brugeren bringes tilbage til toppen af dokumentet, hvis hun klikker på pilen. Det er kun positionsudregningen, der skal ændres:

  posX = Math.floor((innerWidth - 
  -->  menuBredde) - offsetWidth)
  posY = (innerHeight - menuHojde) - 
  -->  offsetHeight;
  

- samt de variable, der angiver menuhøjde og -bredde.

Resten af dokumentet er mumletekst

Lorem ipsum dolor

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh rat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh rat volutpat.

Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

Senest opdateret: 12. juli 2002

E-mail nyhedsbrev

Vælg normal præsentation

Vis siden som den ser ud i udskrift Send siden til udskrift.




Gå til toppen af siden