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

182

Ää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. Persuja ei aluevaltuustoissa näy

      Ei tunnu persuja paljon paikalliset asiat kiinnostavan, vaan ainoastaan ulkomaalaiset, joku Israel ja Trumpin fanitus.
      Maailman menoa
      61
      3736

    2. Päivän Riikka: Uudenkaupungin autotehdas hiljeni

      Näin ne 100 000 uutta pysyvää ei-tempputyötä yksityiselle sektorille tämän hallituksen ansiosta syntyy. Työntekijöille j
      Maailman menoa
      87
      3128

    3. Riikka vie Suomen kohta ykköseksi työttömyyskisassa

      Espanja: 10,5 % Suomi: 10,3 % Ruotsi: 9,3 % Kisa on tiukkaa, mutta Riikalla hyvä draivi päällä. Vasemmistolaisen päämin
      Maailman menoa
      69
      2336

    4. Mikä ihme teitä savolaisia tuossa

      p*rs*reiässä niin kiinnostelee? Että siitä pitää päntönnään huutaa.
      Tuusniemi
      14
      1540

    5. Laita tunniste josta kaivattusi tietää sun kirjoittavan täällä

      Joku yksilöity yhteinen juttu joka on sun ja kaivattusi välillä. Tuntomerkkinä esim. punainen pipopää, tonttu-ukko tai m
      Ikävä
      65
      1319

    6. Mikä tekee naisesta

      Seksikkään ja viehättävän? Entä miehestä?
      Ikävä
      87
      1179

    7. Varusmiehen kuolema

      Ei ollut vahinko, ei aiheuttanut vaaraa muille, eikä ollut rikos, mitä jää jäljelle? Oliko kyseessä oman käden kautta lä
      Kajaani
      29
      1049

    8. Kumpaan rahat, mummojen vaippoihin vai Nalle WahIroosille?

      JOS siis sinä saisit päättää?
      Maailman menoa
      1
      1001

    9. Huippu, kaupunki ostaa hotellin

      Hyvä juttu meillä on oma hotelli iloitsi Pirtihirmukin. Nyt vaan rekryt päälle ja uusi henkilökunta. Tarvitaan tekijöitä
      Ähtäri
      55
      975

    10. Mitä ajattelet rakkaastasi tällähetkellä?

      Itse haluaisin jo hänen viereen..
      Ikävä
      47
      962
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt