Zobraziť viac / Zobraziť menej – Po kliknutí na zobraz menej posunúť na vrch

9. 9. 2019 12:55:57

Zdravíčko,

po kliknutí na tlačítko "čítať menej" potrebujem, aby sa stránka posunula na vrch. Teraz sa text síce skráti, ale obrazovka ostane na tom istom mieste, kde som sa dorolloval naposledy.

Kód vyzerá takto.

Attention Required! | Cloudflare

Keď mám pod tým, ale ešte nejaké veci a kliknem na "čítať menej" tak sa text síce skráti tak ako potrebujem, ale obraz ostane na mieste do ktorého som sa vyroloval.

Potreboval by som, aby to fungovalo tak, ako na alze, po kliknutí na "skryť popis" (po kliknutí na "pokračovať")

Vedel by mi prosím niekto poradiť, ako to prepísať tak, aby sa mi po kliknutí na button "čítať menej" vyrolovala stránka na miesto kde sa nachádza ?

9. 9. 2019 12:55:57

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414867

Petr Široký

(26 hodnocení)

9. 9. 2019 13:07:16

V javascriptu se nevyznám, ale často ho používám na podobné menší blbosti, takže vždycky hledám na stack overflow. V tomto případě mi na dotaz "javascript scroll to element on click" vyjelo pár příkladů, např. https://stackoverflow.com/questions/18071046/smooth-scroll-to-specific-div-on-click/18071231 - je tam i čistě JS řešení.

9. 9. 2019 13:07:16

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414866

Oleg

(53 hodnocení)

9. 9. 2019 13:19:04

Toto? https://www.w3schools.com/howto/howto_js_read_more.asp

9. 9. 2019 13:19:04

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414865

(22 hodnocení)

9. 9. 2019 13:22:37

a nieco taketo?

(pisem to z hlavy)

9. 9. 2019 13:22:37

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414864

matusy

(14 hodnocení)

9. 9. 2019 14:15:15

Napsal Oleg;1543212
Toto? https://www.w3schools.com/howto/howto_js_read_more.asp

ano to je presne ten kód čo som použil, ale nerobí to to, čo potrebujem... čiže aby sa to po kliknutí na "zobraziť menej" vrátilo späť na vrch

---------- Příspěvek doplněn 09.09.2019 v 14:19 ----------

Napsal ne;1543213
a nieco taketo?

element = document.getElementById("dots"); element.scrollIntoView();

(pisem to z hlavy)

Dal som to *****sem***** (samozrejme zakaždým inde) ale nešlape.

Ja fakt niesom moc zbehlí, vedel by si mi prosím napísať, kde by som to mal hodiť aby to šlapalo?

pretože to nešlape

---------- Příspěvek doplněn 09.09.2019 v 14:22 ----------

keby sa tam dala dať nejako kotva, ale ani tú kotvu neviem poriešiť, aby to bežalo cez ten špeciálny javascriptový button ...

9. 9. 2019 14:15:15

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414863

(20 hodnocení)

9. 9. 2019 14:34:46

protoze tam mas id "dots" coz jsou ty tri tecky na konci textu... musis si vytvorit nejaky prvek okolo nebo na zacatek toho textu s nejakym id a ten dat do toho js...

9. 9. 2019 14:34:46

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414862

(22 hodnocení)

9. 9. 2019 14:36:13

mas to trosku chaoticke, tak tipujem len na zaklade funkcie ktoru si uviedol, ze takto:

pre vysvetlenie: pokial ma element display: none, tak neexistuje - to znamena ze sa nan neda odvolat..

resp. na zaciatok textu dat inu kotvu s inym ID, lebo netusim co presne je element dots.. odrazam sa k nemu, len preto lebo si to uviedol v dotaze "vyrolovala stránka na miesto kde sa nachádza "

edit: nevsimol som si tvoju ukazku v prvom poste.. aj tak by malo makat co som ti napisal..

9. 9. 2019 14:36:13

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414861

Petr Široký

(26 hodnocení)

9. 9. 2019 15:01:56

Ještě jsem doplnil plynulé scrollování (aby to nebylo jen skokem) ke kódu od ne (který funguje bez problémů):

Attention Required! | Cloudflare

9. 9. 2019 15:01:56

https://webtrh.cz/diskuse/zobrazit-viac-zobrazit-menej-po-kliknuti-na-zobraz-menej-posunut-na-vrch#reply1414860

matusy

(14 hodnocení)