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
121
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
Aivosyöpää sairastava Olga Temonen TV:ssä - Viimeinen Perjantai-keskusteluohjelma ulos
Näyttelijä-yrittäjä Olga Temonen sairastaa neljännen asteen glioomaa eli aivosyöpää, jota ei ole mahdollista leikata. Hä912910Pelotelkaa niin paljon kuin sielu sietää.
Mutta ei mene perille asti. Miksi Venäjä hyökkäisi Suomeen? No, tottahan se tietenkin on jos Suomi joka ei ole edes soda2991686Mikä saa ihmisen tekemään tällaista?
Onko se huomatuksi tulemisen tarve tosiaan niin iso tarve, että nuoruuttaan ja tietämättömyyttään pilataan loppuelämä?2461557- 871391
IL - VARUSMIEHIÄ lähetetään jatkossa NATO-tehtäviin ulkomaille!
Suomen puolustuksen uudet linjaukset: Varusmiehiä suunnitellaan Nato-tehtäviin Puolustusministeri Antti Häkkänen esittel4021384Nyt kun Pride on ohi 3.0
Edelliset kaksi ketjua tuli täyteen. Pidetään siis edelleen tämä asia esillä. Raamattu opettaa johdonmukaisesti, että4001307Kiitos nainen
Kuitenkin. Olet sitten ajanmerkkinä. Tuskin enää sinua näen ja huomasitko, että olit siinä viimeisen kerran samassa paik21089Esko Eerikäinen tatuoi kasvoihinsa rakkaan nimen - Kärkäs kommentti "Ritvasta" lävähti somessa
Ohhoh! Esko Eerikäinen on ottanut uuden tatuoinnin. Kyseessä ei ole mikä tahansa kuva minne tahansa, vaan Eerikäisen tat381037Hyväksytkö sinä sen että päättäjämme ei rakenna rauhaa Venäjän kanssa?
Vielä kun sota ehkäpä voitaisiin välttää rauhanponnisteluilla niin millä verukkeella voidaan sanoa että on hyvä asia kun329874Miksi Purra-graffiti ei nyt olekkaan naisvihaa?
"Pohtikaapa reaktiota, jos vastaava graffiti olisi tehty Sanna Marinista", kysyy Tere Sammallahti. Helsingin Suvilahden257855