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?
Vaakasuoran vierityspalkin elementtiin skrollaus
Anonyymi
1
248
Vastaukset 1
- 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ä.
Luetuimmat keskustelut
Mitä mieltä olet?
Miehestä jolla ei ole yhtään kaveria, ei facebookissa eikä livenä ja hän harrasta ja tekee kaiken yksin. Onko vähän outo1401021Muistakaa pojat tämä.
Mies joka haluaa naisen, löytää keinon. Ei epäröi eikä hämmennä. Tekee kaiken eteenne.1171007En ehkä onnistu siinä
Kovasti minä yritän näyttää kauniilta, vain sinua varten, mutta en taida onnistua siinä.58755Muhun rakastuu kaikki naiset, mut mä en rakastu niihin
Mun vaatimustaso on 10+ Mut mua tavottelee 7+ naiset213738- 62688
Viesti jonka haluaisit lähettää...
hänelle. Onko jokin pieni tunniste jonka vain te tiedätte. Onko naiselta miehelle tai toisinpäin, joku joku päivämäärä25686- 135676
Pahoin pelkään nainen
että pidät minua epäempaattisena, itsekeskeisenä, narsistisena ja kylmänä ihmisenä. Oletko koskaan ajatellut, että minus57612- 38578
En osaa kirjoittaa sulle edes anteeksipyyntöä
Koska en tiedä miten voit. Olen hieman kauhuissani ja järkyttynyt, jos olen sinua ahdistanut. Tunteiden prosessointi o29522