WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS / Javascript problem (https://www.wn.se/forum/showthread.php?t=1053878)

Darkmagic 2012-06-20 17:13

CSS / Javascript problem
 
Hej,

Jag har ett problem där styles räknas ut via javasctipt och sedan positionerar om allt via det och nu vill jag har en "footer" som alltid hamnar i botten.
clear: both; funkar inte då en hel del element flyttas i efterhand via javascript.

Jag har försökt att använda mig av $("[element]:last"] för att kunna få fram offseten på top men detta funkar heller inte då det inte alltid är samma typ av element som hamnar i botten tex använder jag mig av $("p:last"); så funkar det kanske i ett dokument men inte i ett annat eftersom i dokumentet det funkar i så ligger den en paragraf i botten som har flyttats ner där med hjälp av javascript men i ett annat dokument så finns det kanske ingen paragarf som har flyttats ner i botten av sidan.

Jag har inte lyckats hitta hur man skulle kunna ta vilket element som helst : last för det skulle eventuellt kunna fungera.

Är det någon här som kanske kan ha en lösning på detta problem?
CSS eller javascript spelar ingen roll bara det går att lösa.

Tack på förhand!

nosnaj 2012-06-20 19:53

Du kan lösa det med css, t.ex. via denna teknik
http://ryanfait.com/resources/footer...ottom-of-page/

MRDJ 2012-06-21 01:43

I CSS:
position:fixed;
bottom: 0;
width: 100%;
height: 100px;

Darkmagic 2012-06-21 06:10

Hej och tack för svaren men de funkar inte.
Min footer hamnar mitt i texten eftersom flera element läggs på varandra vid page load och sedan positioneras om med hjälp av javascript :(

nosnaj 2012-06-21 07:59

Citat:

Ursprungligen postat av Darkmagic (Inlägg 20443063)
Hej och tack för svaren men de funkar inte.
Min footer hamnar mitt i texten eftersom flera element läggs på varandra vid page load och sedan positioneras om med hjälp av javascript :(

Ändra din kod så att du inte positionerar med javascript?
Svårt att hjälpa mer när man inte ens kan se någon kod.

Darkmagic 2012-06-21 08:10

Citat:

Ursprungligen postat av nosnaj (Inlägg 20443067)
Ändra din kod så att du inte positionerar med javascript?
Svårt att hjälpa mer när man inte ens kan se någon kod.

Jo jag är inne på att det behövs men det är inte en modul som måste ändras då >.<

Det är ett 50-tal moduler som styr detta och styrs av javascript på det viset.
Koden kommer inte att säga mycket då det är en kontroller som anropar de olika kontrollerna för de olika modulerna.

Jag har testat båda tips men inga funkar. Det första tipset gjorde att den placerades uppe i toppen på sidan. Det andra gav inget resultat alls.

Finns det någon form av jquery sätt att loopa igenom alla element på sidan och se vilket som är positionerat längst ifrån toppen?

P3N 2012-06-21 12:08

Eftersom du redan gett dig in på att använda javascript dynamiskt varför inte använda javascript för att kolla browserns höjd (glöm inte göra ny koll vid ändring av window size...). Kolla sen kontinuerligt hur mycket användaren har scrollat och sätt css regler dynamiskt med javascript. Småomständigt men borde väl funka bra?


Alla tider är GMT +2. Klockan är nu 11:03.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson