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
171
Vastaukset
- 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
Ikävä sinua
Onkohan sulla ollut sama tunne kuin mulla viimeisten parin päivän aikana, eilen varsinkin. Ollaan oltu ihan lähellä ja k354563- 553145
- 302853
- 552748
- 62360
Kesäseuraa
Kesäseuraa mukavasta ja kauniista naisesta. Viesti tänään mulle muualla asiasta jos kiinnostaa Ne ketä tahansa huoli, t542165- 151569
- 171564
- 161494
Tuksu on edelleen sinkku - nuori Joonas jätti!
Hihhahihhahhaahheee Joonas keksi hyvän syy. : Tuksu on liian Disney-prinsessa hänelle. (Mikähän prinsessa lie kyseessä….71474