Autor Zpráva
Dvory59
Profil
Zdravím, mám malý problém s jquery, konkrétně se scrollem.

Zdrojový kód vypadá takhle
HTML
<a href="#cat" id="cate">Odkaz</a>
<div id="cat"><h1>obsah</h1>       

      </div>


Jquery
$('#cate').click(function() {
 
 $("html, body").delay(2000).animate({scrollTop: $('#cat').offset().top }, 2000);
});

V zásadě mi to funguje, ale rád bych aby to trochu vypadalo a ta stránka se posouvala plynule, tenhle kód mi způsobí to, že to na ten div akorát skočí.
Nevíte prosím někdo, jak to poupravit aby to bylo plynulé?

Děkuji moc za každou radu
Chamurappi
Profil
Reaguji na Dvoryho59:
tenhle kód mi způsobí to, že to na ten div akorát skočí
To způsobí spíš absence tohoto kódu. Popisované skočení je totiž výchozí stav, takhle fungují kotvy normálně.
Možná ti tam tedy chybí return false, abys výchozímu chování zabránil…
Dvory59
Profil
To to bohužel nevyřešilo :/

Když jsem se díval sem, tak zde mají v podstatě ten stejný kód a přesun je plynulý. Jsem z toho tedy trochu zmatenej.
Taps
Profil
Dvory59:
zkoušel jsi vyhodit ten delay?
Dvory59
Profil
Taps:
Zkoušel, zkoušel... Nepomohlo :/
_es
Profil
Dvory59:
zde mají v podstatě ten stejný kód
Ja tam teda odkaz v tvare <a href=...> odkazujúci na kotvu nevidím.

To to bohužel nevyřešilo :/
A ako presne si to „to“ spravil?
Chamurappi
Profil
Reaguji na Dvoryho59:
Hlásí to nějakou chybu?
Knihovnu jQuery přilinkovanou máš?
Prosím o odkaz na živou ukázku.
Kcko
Profil
$('#cate').click(function(e) {
 
 e.preventDefault();
 $("html, body").animate({scrollTop: $('#cat').offset().top }, 2000);
});
Dvory59
Profil
Chamurappi:
Knihovnu jQuery přilinkovanou máš?
Prosím o odkaz na živou ukázku.

Knihovnu Jquery jsem přilinkoval, ale chyba bude přesto pravděpodobně někde v linku, jelikož html na JS absolutně nereaguje a dělá to stejné i bez něho.

Tady je stránka na které to testuji, jedná se o první obrázek, který by měl scrollovat stránku po nadpis Technika. Kód pro scrollování je v souboru mjs.js
Poupravil jsem to tím, že jsem oddělal ten odkaz a dal jsem ID do <span id="cate" style=""><img src="img/Catering.png" height="200"> </span> .

Určitě to bude nějaká hloupá chyba, asi v linkování :/
Taps
Profil
Dvory59:
funkční řešení
ukázka: Technika:
kod: Odkaz
Dvory59
Profil
Bože můůj... Na tuhle funkci jsem zapomněl jak na smrt... Díky moc!!:)
Kcko
Profil
Dvory59:
A taky asi neumíš pořádně číst nebo jsi extrémně nepozorny. Řešení jsem ti napsal v 8#

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: