Avatar billede krummel Juniormester
30. november 2009 - 22:46 Der er 4 kommentarer og
1 løsning

css: fixed og så alligevel ikke

Div være fixed som skrevet herunder, dog må den ikke komme nærmere toppen end 600px. Hvordan får man den til at være minimum 600px fra toppen, men samtidig er fixed når man scroller ned?


#fix {
  position: fixed;
  bottom: 10px;
  left: 10px;
  }
Avatar billede dondy-kurt Nybegynder
01. december 2009 - 10:10 #1
Jeg tænker om du evt kan lave en margin-top:600px;

Vil det fungere?
Avatar billede FrederikBache Nybegynder
01. december 2009 - 18:10 #2
Vil du både have den 10px fra bunden og mindst 600px fra toppen?

Hvad hvis ens browser kun er 400 px høj? Hvordan skal det så opføre sig?

Noget du skal være opmærksom på er at position:fixed ikke virker i IE6.

Kan du prøve at forklare lidt nærmere, så kan jeg måske give et tip.
Avatar billede krummel Juniormester
01. december 2009 - 20:41 #3
#1 margin-top ser ikke ud tilat have nogen effekt

#2 Når jeg siger 600px fra toppen, så mener jeg 600px fra toppen af siden og ikke toppen af browseren. Hvis browser vinduet kun er 400px høj, så vil div'en ikke være synlig, men først blive synligt hvis man scroller ned. Når man så scroller længere ned ad siden, så skal div'en følge med ned som fixed 10px fra browser-kanten og brower-bunden.
Så position:fixed skal sådan set overrules så div'en aldrig kommer nærmere sidens top end 600px.


http://www.nasdaqomxnordic.com/Investeringsbeviser/
kan du se noget lignende. Hvis du scrolle ned, så starter banneret på et tidspunkt at følge med. Det er vist lavet med javascript.

Kan man lave noget lignende ved hjælp af css? Eller bliver man nød til at søge over i javascript?
Avatar billede FrederikBache Nybegynder
01. december 2009 - 20:47 #4
Jeg tror desværre du skal over i javascript, kan ikke se nogen måde dette ville kunne laves i CSS.
Avatar billede krummel Juniormester
05. december 2009 - 22:31 #5
Okay - det må jeg forsøge at finde ud af.
Giv svar og få point.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester