IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Scrolldown po kliknutí na odkaz

Aktivity
Avatar
Jakub Klindera
Člen
Avatar
Jakub Klindera:26.6.2017 12:36

Zdravíčko,
pracuji na jednom jednoduchém webu, ale nevím, jak mám udělat to, že když kliknu na odkaz v menu, tak aby se celá stránka posunula níže na ten konkretní odkaz a ne, aby mě to přesměrovalo na další stránku.

Chtěl bych to stylem, jak má tady https://www.petrofcik.eu/

Děkuji :)

 
Odpovědět
26.6.2017 12:36
Avatar
dez1nd
Člen
Avatar
Odpovídá na Jakub Klindera
dez1nd:26.6.2017 12:41

Mrkni sem https://www.itnetwork.cz/…mooth-scroll

 
Nahoru Odpovědět
26.6.2017 12:41
Avatar
gorri
Člen
Avatar
Odpovídá na Jakub Klindera
gorri:26.6.2017 12:49

Vždyť to jsou normální kotvy.
V menu napiš

<a href="#odkaz">Odkaz</a>

a tam se má scrolovat napiš

<a name="odkaz"></a>

Pak už si musíš jen zařídit aby ti to pomalu sjelo. Takhle ti to tam rovnou skočí.
Svým způsobem je to i tak dostačující....

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
26.6.2017 12:49
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Jakub Klindera
gorri:26.6.2017 12:55

A jen pro info. Necpi do stránky zbytečně jQuery jen skrze toto. Pokud by jsi toho tam používal více a bylo by potřeba jQuery tak jo ale jinak jen skrze toto to nemá význam. Postačí ti to co jsem ti napsal. ;-)
Jednoduché.

Nahoru Odpovědět
26.6.2017 12:55
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Jakub Klindera
Člen
Avatar
Jakub Klindera:26.6.2017 13:04

Děkuji, spíše nevím, jak mám zařídit to, aby to "sjelo" :D

 
Nahoru Odpovědět
26.6.2017 13:04
Avatar
gorri
Člen
Avatar
Odpovídá na Jakub Klindera
gorri:26.6.2017 13:06

Jde to provést ale je to zbytečné. Teď jdu pryč. Pak ti to kdyžtak pošlu jak na to....
Já už to mám vyřešené někde.

Nahoru Odpovědět
26.6.2017 13:06
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Jakub Klindera
Člen
Avatar
Jakub Klindera:26.6.2017 13:07

Dobře, děkuji :)

 
Nahoru Odpovědět
26.6.2017 13:07
Avatar
gorri
Člen
Avatar
Odpovídá na Jakub Klindera
gorri:26.6.2017 13:13

No pošlu ti to teď
Tento kód si vlož do head

<script type="text/javascript" src="/bookmarkscroll.js"></script>

Tady si stáhni soubor
https://ulozto.cz/…arkscroll-js
Soubor bookmarkscroll.js si nahraj na stránku. Musí na něj odkazovat z head. takže ho dej nejlépe do rootu. Script detekuje kotvy a bude scrolovat na ně. Neskočí na ně

Nahoru Odpovědět
26.6.2017 13:13
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Jakub Klindera
gorri:26.6.2017 13:14

Až to budeš mít, tak dej vědět. Rovnou to smažu.

Nahoru Odpovědět
26.6.2017 13:14
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Jakub Klindera
Člen
Avatar
Odpovídá na gorri
Jakub Klindera:26.6.2017 13:15

Už to mám stažené, můžeš to smazat. Děkuji mockrát :)

 
Nahoru Odpovědět
26.6.2017 13:15
Avatar
gorri
Člen
Avatar
Odpovídá na Jakub Klindera
gorri:26.6.2017 13:16

OK. Kdyby něco budu tady tak za hodinu.

Nahoru Odpovědět
26.6.2017 13:16
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:26.6.2017 18:13

Obvykle se pro kotvy místo name="kotva" používá přímo id="kotva", a jelikož má id před name přednost, je to i rozumnější.

Nahoru Odpovědět
26.6.2017 18:13
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 12 zpráv z 12.