Kom ihåg mig?
Home Menu

Menu


Kod som gör att en text widget/en div följer med kanten längs en sida när man scrolla

Ämnesverktyg Visningsalternativ
Oläst 2011-11-01, 00:48 #1
trådlöst trådlöst är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jun 2008
Inlägg: 1 123
trådlöst trådlöst är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jun 2008
Inlägg: 1 123
Standard Kod som gör att en text widget/en div följer med kanten längs en sida när man scrolla

Hej,

Jag har sökt med ljus och lykta efter en kod som gör så att min div följer med hela vägen ner längs sajtens kant även när man scrollar.

Detta bör gå att kunna placera in i .css dokumentet eller liknande, men eftersom jag använder wordpress kör jag med widgets. Jag vill då göra så att min widget följer med hela sidan även när jag scrollar.

Aftonbladet har något liknande, ifall det är till någon hjälp för att förstå vad jag menar.

Tacksam för svar.
trådlöst är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-11-01, 07:28 #2
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
position:static på elementet i fråga är det enkla svaret.
Sedan kan man lägga på en massa lull-lull så den följer men snyggt istället, men det har jag inte kollat upp just nu.
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-11-01, 07:38 #3
Magnus_A Magnus_A är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: May 2006
Inlägg: 2 604
Magnus_A Magnus_A är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: May 2006
Inlägg: 2 604
Med jquery: använd scrollTop för att hämta hur långt ner det har scrollats på sidan. Sen lägger du till valfri animation. Stoppa gärna rörelsen innan du lägger på en ny, annars ser det roligt ut när man scrollar ryckigt.
Magnus_A är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-11-01, 15:59 #4
trådlöst trådlöst är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jun 2008
Inlägg: 1 123
trådlöst trådlöst är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jun 2008
Inlägg: 1 123
Allstar, jag blev faktiskt inte så mycket klokare när jag läste ditt svar hehe. My bad. Men jag vill ju göra detta med en text-widget på WordPress. Hur skall jag skriva in den koden i en div då?

Magnus_A, Detta var lite svårare. Jag googlade på scrollTop och hittade några snygga saker men jag blev inte mycket klokare utav det heller..
trådlöst är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-11-01, 17:10 #5
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
din widget måste ha ett unikt ID eler unik cssclass och sedan i css-filen ange
#myWidgetID{position:static; top:0;right:20px}
eller liknande
allstars är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 14:37.

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