Kysyin jQueryn foorumilla onko mahdollista kiinnittää fixed elementtisivun oikeaan reunaan siten että se seuraisi mukana kun sivua kelataan alaspäin. Sanottiin että on ja annettiin koodi.
http://forum.jquery.com/topic/is-it-possible-to-get-a-fixed-element-to-stay-in-place-with-jquery Tuolta löytyy koodi. sitten uusavuttomana ja scriptaustaidottomana, jouduin kysymään mihin koodi laitetaan ja sain oikean vastauksen. Nyt sitten ei vastata enää siihen että mihin se laitetaan bodyssa. Elementti joka pitäisi kiinnittää on cssltään
ja sourceltaan
jQuery apua
Nyyppä
3
218
Vastaukset 3
- Hui hai
"Vituttaako? Angstisivu auttaa!"
Jos sulla ei ole ole mitään tajua nettisivujen teosta ja ohjelmoinnista vielä vähemmän, niin kokeile vaikka auttaisiko angstisivu.
Oikeesti siis ei tarvita mitään javascriptiä saati jquery-hömppää tollaseen kiinnittämiseen. Hoituu yhdellä rivillä css:ää. En voi kertoa kun tää on ohjelmointipalsta. Mutta kokeile vaikka opetella css. - En tiiä ymmärsinkö
mutta tätäkö haet?
---------------------------------------------
body { margin: 60px; }
p { font-size: 20px; }
div#content { float: left; width: 25%; padding: 10px; border: 1px dotted #333; }
div.kiinnitettydivi {
position: fixed; left: 20px; top: 20px; z-index: 100;
margin: 0; padding: 10px; width: 150px; height: 150px;
border: 5px solid #ccc; background: #eee; }
Kiinnitetty divi!!!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in ullamcorper mi. Nullam lobortis urna in augue dapibus dapibus.
Morbi ac magna ac urna sollicitudin auctor. Curabitur scelerisque vestibulum adipiscing. Fusce at orci quis velit tincidunt molestie quis sit amet justo.
Aenean ac leo quam, sit amet mollis justo. Donec rutrum aliquet mollis. Ut non nisi at tellus suscipit porta vel eu tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in ullamcorper mi. Nullam lobortis urna in augue dapibus dapibus.
Morbi ac magna ac urna sollicitudin auctor. Curabitur scelerisque vestibulum adipiscing. Fusce at orci quis velit tincidunt molestie quis sit amet justo.
Aenean ac leo quam, sit amet mollis justo. Donec rutrum aliquet mollis. Ut non nisi at tellus suscipit porta vel eu tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in ullamcorper mi. Nullam lobortis urna in augue dapibus dapibus.
Morbi ac magna ac urna sollicitudin auctor. Curabitur scelerisque vestibulum adipiscing. Fusce at orci quis velit tincidunt molestie quis sit amet justo.
Aenean ac leo quam, sit amet mollis justo. Donec rutrum aliquet mollis. Ut non nisi at tellus suscipit porta vel eu tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in ullamcorper mi. Nullam lobortis urna in augue dapibus dapibus.
Morbi ac magna ac urna sollicitudin auctor. Curabitur scelerisque vestibulum adipiscing. Fusce at orci quis velit tincidunt molestie quis sit amet justo.
Aenean ac leo quam, sit amet mollis justo. Donec rutrum aliquet mollis. Ut non nisi at tellus suscipit porta vel eu tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in ullamcorper mi. Nullam lobortis urna in augue dapibus dapibus.
Morbi ac magna ac urna sollicitudin auctor. Curabitur scelerisque vestibulum adipiscing. Fusce at orci quis velit tincidunt molestie quis sit amet justo.
Aenean ac leo quam, sit amet mollis justo. Donec rutrum aliquet mollis. Ut non nisi at tellus suscipit porta vel eu tortor.- Jos haluat
että elementti scrollaantuu muun sisällön mukana, muuta:
div.kiinnitettydivi { position: absolute; }
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Haapaveden upea kurvikuningatar
No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga1051324Uskaltaisitko ihana nuorempi nainen lähettää
WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️91797Meinasi nainen mennä pasmat sekaisin
Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.35691- 47667
Suomi meni ihan itse sössimään peruskoulunsa
Nyt syytellään maahanmuuttoa, vaikka ihan itse lopetettiin vaatimaan oppilailta koulunkäynnin tarkoitus eli opiskelu ja124584Lidilikö Suomussalmelle
Tännekki Lidili. Loppus tuo kiskominen näillä jäljellä olevilla. K-Market ihan sikakallis ja hyvin ylimieliset omistajat30551Ei makeat pimut sytytä
sen jälkeen kun on nähnyt sinut. Olet vain ihastus vailla vertaa. Kun sinut tuntee muut eivät tunnu miltään. Tajuatko ol32526Upeaa Google!
Kohta on töitä tarjolla kaikille! Suomen taloushistorian suurin investointi ja Kajaani mainittu! Sähkö kyllä riittää, tö183510Tuli paha mieli miten kaikki meni meillä
Harmittaa myönnän sen, kun molemmilla oli selvästi toiveita ennen kuin sukset meni ristiin. Olen jäässä. 😔31507Huomasitko? Elämä Lapselle -konsertti tänään suorana tv:ssä - Aika kova kattaus huippuartisteja!
Lastenklinikoiden Kummien järjestämä Elämä Lapselle -konsertti tukee Suomen viiden yliopistollisen lastensairaalan toimi24500