jQuery apua

Nyyppä

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

3

194

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Björn Wahlroos, maataloustuet lakkautettava

      Sanoo pankkimies. Mitäs persut ja muut tukinulliem perskärpäset tähän? "Wahlroos listaa kansallisen maataloustuen. – I
      Maailman menoa
      139
      3336
    2. Persut päättivät hiilivoiman kieltämisestä Suomessa

      Moni on jo unohanut kuka hyväksyi hiilivoimaloiden kieltämisen Suomessa: persut Sukupuolineutraalit liikennemerkitk
      Maailman menoa
      82
      2930
    3. Nalle Wahlroos ei ulise kuten Teemu Selänne sähkölaskuista

      Nalle "hah hah" nauroi saamistaan sähkötuista, kun taas Teemu-poika itkeä tirautti kovasta sähkön hinnasta. Nalle nauro
      Maailman menoa
      40
      2307
    4. Muistattekos kuinka kokoomus ja persut vinkuivat sähkön hinnasta?

      Oppositiossa vuonna 2022, kun sähkön hinta uhkasi nousta 20 senttiin kilowattitunnilta? Nyt ovat hiiren hiljaa, kun pitä
      Maailman menoa
      114
      2212
    5. Mikä aate kaiken pahan takana?

      Se laiskistuttaa kansat, opettaa vaatimaan etuisuuksia, syleilee maailmoja eikä omaa kansaa.
      Maailman menoa
      145
      2096
    6. Vain persut vastustivat hiilivoimaloiden alasajoa

      Persut vastusti jyrkästi hiilen kieltolakia ja on myöhemmin vaatinut hiilivoimaloiden pitämistä käytössä. He perusteliva
      Maailman menoa
      47
      2031
    7. Selvästi näyttää siltä, että SDP:n kannattajat hyväksyy kiusaamisen

      ja seksuaalisen ahdistelun, kun puolueen kannatus pysyy korkealla. Mitä tämä kertoo demari-äänestäjien moraalista?
      Maailman menoa
      18
      1540
    8. Muistan vuosikymmenten takaa

      Toivottavasti voit hyvin ja jaksat työssäsi. Olet upea ja erinomainen ihminen, toivon kaikkea hyvää.
      Ikävä
      12
      1476
    9. Päivi Räsäsen seksipaljastus loksauttaa Katja Ståhlin leuat! Elämäni biisi kohujakso tv:ssä!

      Elämäni biisi -suosikkisarjan uusinnat ovat startanneet ja nyt vuorossa on sarjan 2. jakso v. 2019. Sinisille sohville
      Suomalaiset julkkikset
      29
      1363
    10. Voiko kaivattu olla liian vanha?

      Tai muuten huonokuntoinen...
      Ikävä
      135
      1063
    Aihe