NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Lukáš
Tvůrce
Avatar
Lukáš:28.1.2018 11:01

Ahoj, potřeboval bych udělat smootscroll pomocí javascriptu, avšak nějak se mi to nedaří udělat, když kliknu na odkaz, tak mě to přesměruje instantně jakoby tu žádný kod nebyl. Kod zde: https://www.itnetwork.cz/…lighter/1013

 
Odpovědět
28.1.2018 11:01
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:28.1.2018 11:07

Ten kód mi připadá v pořádku. Jediné, u čeho si nejsem jistý je

window.location.hash = hash;

Není možné, že to např. spustí přesunutí stránky? Zkus to umazat, jestli to pořád nebude fungovat.

Případně jsem dělal na smooth scroll článek https://www.itnetwork.cz/…mooth-scroll, tak se můžeš mrknout na něj a případně to zkusit podle toho odladit.

Nahoru Odpovědět
28.1.2018 11:07
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Lukáš
Tvůrce
Avatar
Odpovídá na Honza Bittner
Lukáš:28.1.2018 11:24

Bohužel, i po po umazání řádku nefunguje. Zkusil jsem použít i tvůj kod z článku, ale také mě to přesměrovává instantně. Importoval jsem ještě tuto knihovnu <script src="http://c­ode.jquery.com/u­i/1.10.4/jque­ry-ui.min.js"></scrip­t>
Nemůže být chyba někde na mé straně? Napřiklad knihovny importovány ve špatném pořadí?

 
Nahoru Odpovědět
28.1.2018 11:24
Avatar
Lukáš
Tvůrce
Avatar
Lukáš:29.1.2018 15:08

up :)

 
Nahoru Odpovědět
29.1.2018 15:08
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Lukáš
Honza Bittner:29.1.2018 15:30

A co si zkusit zkopírovat ten kód z toho článku a vyzkoušet, jestli funguje ten (což by měl)?

Nahoru Odpovědět
29.1.2018 15:30
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Lukáš
Tvůrce
Avatar
Odpovídá na Honza Bittner
Lukáš:29.1.2018 21:23

To jsem právě udělal. Ani ten nefungoval, nevím proč.

 
Nahoru Odpovědět
29.1.2018 21:23
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Lukáš
Honza Bittner:29.1.2018 21:24

To budeš mít pravděpodobně nějaký blokující JS někde. Zkus si udělat úplně čistou stránku kde budeš mít jen scroll. A pak to na tom odlaď. :-)

Nahoru Odpovědět
29.1.2018 21:24
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Lukáš
Tvůrce
Avatar
Odpovídá na Honza Bittner
Lukáš:29.1.2018 21:30

Tak tam to funguje, ještě mě napadá, jestli nemám nav nějak špatně nastavený: https://www.itnetwork.cz/…lighter/1014

Editováno 29.1.2018 21:30
 
Nahoru Odpovědět
29.1.2018 21:30
Avatar
Lukáš
Tvůrce
Avatar
Lukáš:30.1.2018 17:18

Tak chyba byla v tom, že jsem měl 2 jquery scripty, tohle jsem fakt nečekal. :D Díky za pomoc :-)

Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
30.1.2018 17:18
Avatar
Lukáš
Tvůrce
Avatar
Lukáš:2.2.2018 15:17

Ahoj, tak ještě by jsem se chtěl zeptat, použil jsem nakonec ten tvůj skript

<script>
    $('a.tlacitko').on('click', function (e) {
        var odkaz = $(this).attr('href'),
                menu = $('#menu'),
                rychlost = 2 * 900,
                efekt = "easeInOutExpo";

        $("html, body").stop().animate(
                {scrollTop: $(odkaz).offset().top - menu.height()},
                rychlost, efekt);

        e.preventDefault();
    });
</script>

Ale když kliknu na odkaz, tak mě to nepřesměruje doprostřed toho divu, lze toho nějak docílit?

 
Nahoru Odpovědět
2.2.2018 15:17
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 10 zpráv z 10.