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. Hallitus pyrkii rajoittamaan kaupan omien halpamerkkien myyntiä

      Helsingin Sanomien mukaan hallitus valmistelee lakihanketta, joka suitsii kaupan valtaa ja rajoittaa omien halpamerkkien
      Yhteiskunta
      251
      3822
    2. Tapettu

      On joku kangaskadulla perjantaina
      Sotkamo
      60
      3691
    3. 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
      111
      3023
    4. Persut päättivät hiilivoiman kieltämisestä Suomessa

      Moni on jo unohanut kuka hyväksyi hiilivoimaloiden kieltämisen Suomessa: persut Sukupuolineutraalit liikennemerkitk
      Maailman menoa
      57
      2738
    5. Työvoimatoimisto

      Nyt kysyisin miksi pitää käydä työvoimatoimistossa paikanpäällä, kun he eivät muuta tee kuin laittavat koneelle uudet ve
      Työttömyys
      125
      2549
    6. 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
      35
      2132
    7. 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
      101
      2051
    8. 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
      44
      1911
    9. Mikä aate kaiken pahan takana?

      Se laiskistuttaa kansat, opettaa vaatimaan etuisuuksia, syleilee maailmoja eikä omaa kansaa.
      Maailman menoa
      123
      1891
    10. Mietin sua liikaa

      Mietin nytkin sitä, että millaista se olisi tulla kotiin, kun sinä olisit täällä vastassa. Tai niin päin, että sinä tuli
      Ikävä
      71
      1239
    Aihe