Vaakasuoran vierityspalkin elementtiin skrollaus

Anonyymi

Minulla on div-elementin sisällä vaakasuorassa skrollattavia labeleita. Haluaisin skrollata tiettyyn labeliin javascriptin avulla.

Jos käytän "haluttulabelli.scrollIntoView()"-metodia, niin koko sivu siirtyy yhtä paljon vasemmalle, mikä on kyseisen labellin sijainti. Vierityspalkkihan on siis huomattavasti leveämpi kuin itse "viewport".
Käytännössä varsinainen näkyvä sivu katoaa näkymättömiin johonkin ruudun vasemmalle puolelle.

Tässä linkissä https://codepen.io/rebosante/pen/eENYBv on vähän vastaava mitä haen, mutta pystysuorassa elementissä. Saisikohan tuosta muokattua vaakasuorassa toimivan version? Ilmeisesti jollain tavalla pitäisi ensin selvittää halutun labellin vasen koordinaatti, ja sitten skrollata siihen, vai?

1

153

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Sainkin tuon nyt pelaamaan. Eli labelin johon skrollataan vasen koordinaatti selvisi metodilla "labelli.getBoundingClientRect().left" ja sitten laitettiin se arvo div-elementin scrollLeft-arvoksi.

    Ketjusta on poistettu 2 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa

      En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod
      Ikävä
      33
      6314

    2. Huomenta ihana

      Kauniskasvoinen ihanuus 😘 saan sut vielä
      Ikävä
      34
      5783

    3. Hei rakas...

      Miten on työpäivä sujunut? Rakastan sinua 💗
      Ikävä
      29
      3254

    4. Ei tämä etene ikinä

      Kun kumpikaan ei enää ota yhteyttä. Mä en ainakaan uskalla.
      Ikävä
      45
      2650

    5. Edelleen sitä on vaikea uskoa

      Että olisit oikeasti rakastunut muhun
      Ikävä
      34
      2574

    6. Vitsi mihin menit. Heti takasin.

      Mä näin sut tuu takasin! Oli kiire, niin en ehtiny sin perään!
      Ikävä
      15
      2238

    7. Toiveikas vai toivoton

      torstai? Ajatuksia?
      Ikävä
      37
      2148

    8. Mukavaa päivää

      Mun rakkauden kohteelle ❤️ toivottavasti olet onnellinen
      Ikävä
      16
      1906

    9. Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...

      Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons
      Suomalaiset julkkikset
      40
      1779

    10. En ole koskaan kokenut

      Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka
      Ikävä
      19
      1737
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt