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í.
Avatar
Martin Štěpaník:20.3.2018 18:32

Dobrý večer, mohli by jste mi prosím poradit, sledoval jsem tenhle web https://www.1bite2go.com/en/menu/xinyi , potřeboval bych zjistit, jak by se dal udělat ten scroll-down se stejnou funkcí, jako na tom webu. Děkuji.

 
Odpovědět
20.3.2018 18:32
Avatar
Alexej Haman
Člen
Avatar
Odpovídá na Martin Štěpaník
Alexej Haman:21.3.2018 10:15
/*
        Odkaz by měl vypadat takhle: <a href="#id-odkazu" class="scroll-btn">Text v případě čtečky</>
        A cíl třeba <div id="id-odkazu"></div>
        Tak zajistíš funkci i bez JS
*/

var scrollBtn = document.querySelector('.scroll-btn'); // Vybere odkaz podle třídy "scroll-btn"


// Na onclick událost navěsí scroll na začátek elementu
scrollBtn.onclick = function(e) {
        e.preventDefault();
        document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth',
                block: 'start'
        });
};
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
21.3.2018 10:15
Avatar
Martin Štěpaník:21.3.2018 10:45

Děkuju :)

 
Nahoru Odpovědět
21.3.2018 10:45
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 3 zpráv z 3.