Java týden Java týden
Pouze tento týden sleva až 80 % na celý Java e-learning!
Brno? Vypsali jsme pro vás nové termíny školení OOP v Brně!
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
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.