webForumDet fria alternativet

Få till en floating footer som www.cnet.com

JavaScriptur Javascript

8 svar · 1 084 visningar · startad av quickhelp

Medlem sedan maj 200819 inlägg
Frågan#1

Hej alla,

Försöker få till en floating footer som https://www.cnet.com. Lyckas få till en som är helt flytande till botten, men vill ha samma som funktion som den sidan där "footern" fastnar på botten av en centrerad div. Svårt att förklara men jag hänvisar till den sidan.

Någon som kan hjälpa mig?

Medlem sedan aug. 20039 340 inlägg
#2

I det här fallet är det ju enkelt eftersom diven är fast bredd och centererad. Gör bara samma med botten-diven. (Du kan ju se själv vad som händer när fönstret blir för litet på cnet. Gå r nog att lösa med max-width: 99% eller så, alt. Javascript.)

Medlem sedan maj 200819 inlägg
#3

Du menar att jag kan lösa det med enbart CSS? Skulle vara väldigt tacksam för ett exempel på hur man kan få till detta.

Medlem sedan aug. 20068 090 inlägg
#4

Kolla den här tråden: http://www.webforum.nu/showthread.php?t=184576

Medlem sedan dec. 2010159 inlägg
#5

Danne V skrev:

Kolla den här tråden: http://www.webforum.nu/showthread.php?t=184576

Nja, den där footern ligger ju alltid längst ner. Så är ju inte fallet nu, då den ska kunna fastna en bit upp när man scrollat ner en bit.

Medlem sedan aug. 20068 090 inlägg
#6

Jon@s skrev:

Nja, den där footern ligger ju alltid längst ner. Så är ju inte fallet nu, då den ska kunna fastna en bit upp när man scrollat ner en bit.

Ah...ok. Nu tittade jag och såg den där menyn som ligger längst ner i fönstret. För mig är en footer det som är allra allra längst ner i innehållet.

Medlem sedan maj 200819 inlägg
#7

Någon som kan tänkas ha en aning om hur jag kan få till det?

Medlem sedan juni 20019 519 inlägg
#8

ja, ha ett metod på ditt scroll event, om positionen är nere vid botten på din main container så sätt positionen på den till static istället för fixed, eller ha footern på två ställen och kör en toggle på när båda elementen skall vara synliga.

Medlem sedan aug. 20068 090 inlägg
#9

Du borde kunna modifiera koden från den här sidan:
http://jsfiddle.net/ZczEt/9/

Kolla högra, nedre fönstret. Skrolla i sidled och se hur rutan "Summary" beter sig.

128 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)