Søg
Avatar billede Slettet bruger
25. august 2011 - 11:02 Der er 10 kommentarer og
1 løsning

Header fixed on scroll - problem

Kære kloge hoveder!

Jeg har lidt bøvl med dette design!

http://jsfiddle.net/acyhD/

Når man scroller ned bliver div #menu rigtig nok i toppen.
Teksten under giver bare et gevaldigt hop når #menu skifter til position: fixed.
Kan der gøres noget ved det?

Kan det eventuelt gøres så at jeg ikke behøver at positionere #menu?


Hvis der klikkes på #menu - teksten vil der slide en div ned.
Den skubber teksten i #body længere ned på siden.

Kan det kringles så der laves samme nummer når den er fixed..?
Avatar billede olebole Juniormester
25. august 2011 - 16:09 #1
<ole>

Jeg forstår ikke problemet. Hvad er det, du synes, hopper?

/mvh
</bole>
Avatar billede Slettet bruger
25. august 2011 - 16:34 #2
Teksten - a'erne - giver et hop når man scroller og de ryger "op under" #menu..
Avatar billede olebole Juniormester
25. august 2011 - 16:38 #3
Jeg kan ikke se hoppet. Ja, a'erne forsvinder under menuen ... der scrolles jo  =)

Jeg er ikke rigtig klar over, hvad der ellers skulle ske
Avatar billede majbom Novice
25. august 2011 - 16:46 #4
det må være din browser - der er ikke noget der hopper her i ff5
Avatar billede Slettet bruger
26. august 2011 - 07:01 #5
Her er en version hvor der kan scrolles længere.

http://jsfiddle.net/eRS5y/

Både i safari og firefox er der bøvl. Så snart #menu er i toppen af siden og skifter til fixed rykker a'erne et stykke op af.

Er det mig der mangler briller..?
Avatar billede Slettet bruger
26. august 2011 - 07:02 #6
Det er forresten nemmest at se hvis der scrolles langsomt :)
Avatar billede majbom Novice
26. august 2011 - 08:12 #7
jeg kan seriøst ikke se det - er du iskker på at det ikke bare er fordi at når du scroller, rykker den 3 eller 5 linjer ad gangen at det ser underligt ud? prøv at ændre dine museindstillniger til scrolle én linje ad gangen :)
Avatar billede Slettet bruger
26. august 2011 - 12:26 #8
Det er sgu nok bare mig der er blind :)

I får tak alligevel. Smid et svar hvis i vil have point
Avatar billede majbom Novice
26. august 2011 - 12:36 #9
behold du dem bare...
Avatar billede Slettet bruger
28. august 2011 - 09:14 #10
Godt så

Tak
Avatar billede majbom Novice
28. august 2011 - 09:36 #11
selv :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 1 03/02/202614:19 03/02/202618:42
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
28/0311:18 DENVER DVB-tMPEG-4 HD TUNER Af ole falsted i Fjernsyn & projektorer
White papers
Flere white papers »