Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij slevové akce 80% výuky zdarma!
Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu
birthday
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í
+1 bodů
Řešení problému
 
Nahoru Odpovědět
21.3.2018 10:15
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
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.