Diskuze: Smooth Scroll
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Tvůrce
Zobrazeno 10 zpráv z 10.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
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.
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://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
Nemůže být chyba někde na mé straně? Napřiklad knihovny importovány ve
špatném pořadí?
A co si zkusit zkopírovat ten kód z toho článku a vyzkoušet, jestli funguje ten (což by měl)?
To jsem právě udělal. Ani ten nefungoval, nevím proč.
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ď.
Tak tam to funguje, ještě mě napadá, jestli nemám nav nějak špatně nastavený: https://www.itnetwork.cz/…lighter/1014
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?
Zobrazeno 10 zpráv z 10.