| Autor | Zpráva | ||
|---|---|---|---|
| Dvory59 Profil |
#1 · Zasláno: 23. 9. 2015, 18:12:19
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 |
#2 · Zasláno: 23. 9. 2015, 18:26:45
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 |
#3 · Zasláno: 23. 9. 2015, 18:36:34
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 |
#4 · Zasláno: 23. 9. 2015, 20:58:04
Dvory59:
zkoušel jsi vyhodit ten delay? |
||
| Dvory59 Profil |
#5 · Zasláno: 23. 9. 2015, 21:01:24
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 |
#7 · Zasláno: 24. 9. 2015, 10:21:00
Reaguji na Dvoryho59:
Hlásí to nějakou chybu? Knihovnu jQuery přilinkovanou máš? Prosím o odkaz na živou ukázku. |
||
| Kcko Profil |
#8 · Zasláno: 24. 9. 2015, 10:52:32
$('#cate').click(function(e) {
e.preventDefault();
$("html, body").animate({scrollTop: $('#cat').offset().top }, 2000);
}); |
||
| Dvory59 Profil |
#9 · Zasláno: 24. 9. 2015, 18:03:42
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 Profil |
#11 · Zasláno: 24. 9. 2015, 18:22:22
Bože můůj... Na tuhle funkci jsem zapomněl jak na smrt... Díky moc!!:)
|
||
| Kcko Profil |
#12 · Zasláno: 24. 9. 2015, 18:35:53
Dvory59:
A taky asi neumíš pořádně číst nebo jsi extrémně nepozorny. Řešení jsem ti napsal v 8# |
||
|
Časová prodleva: 9 let
|
|||
0