Autor | Zpráva | ||
---|---|---|---|
prem Profil * |
#1 · Zasláno: 18. 2. 2009, 15:11:09
Ahoj,
odkazuju na část stránky ale nelíbí se mi, že jakmile kliknu na kotvu tak ta stránka poskočí, chtěl bych aby tam přejela plynule. Jde to prosím nějak udělat? Díky moc za rady! |
||
ninja Profil |
#2 · Zasláno: 18. 2. 2009, 15:16:24
Pomoci JavaScriptu. Vetsina JS frameworku na to ma metodu.
|
||
prem Profil * |
#3 · Zasláno: 18. 2. 2009, 16:37:10
ou to bych potřeboval vysvětlit trochu více, v javascriptu bohužel kovaný nejsem. Nemáte třeba nějaký článek o tom?
|
||
http Profil |
#4 · Zasláno: 19. 2. 2009, 14:07:06 · Upravil/a: http
|
||
prem Profil * |
#5 · Zasláno: 19. 2. 2009, 20:10:06
výborný děkuju !!!
|
||
Str4wberry Profil |
#6 · Zasláno: 19. 2. 2009, 20:22:02
Jen podotknu, že to v Opeře moc nefunguje.
|
||
Časová prodleva: 4 dny
|
|||
http Profil |
#7 · Zasláno: 23. 2. 2009, 15:05:20
Ještě řešení přes jQuery a né MooTools - ono se to pak nějak tluče na stránkách....
jen si z www.jquery.com stáhni poslední verzi jquery. do <head> <script type="text/javascript" src="posledni-verze-jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#nahoru').click(function() { $('html, body').animate({scrollTop: '0px'}, 500); return false; }); }); </script> do <body> <a href="#" id="nahoru">Nahoru na stránku</a> |
||
Časová prodleva: 3 roky
|
|||
xom Profil |
#8 · Zasláno: 6. 12. 2011, 10:50:31
Pro řešení plynulého posunu na všech odkazech na kotvy ve stránce jsem sepsal následující článek pro jQuery: http://pinion.cz/plynule-scrollovani-s-jquery
|
||
Kookie Profil * |
#9 · Zasláno: 6. 12. 2011, 18:17:39
Ahoj,
chtěl bych do tohoto kódu přidat řádek, který způsobí, že se scrollování po určitém časovém úseku přestane vykonávat / zastaví: var t; function top() { window.scrollBy(1,0); t=setTimeout('top()',1); } jaká metoda by na to šla použít? Díky |
||
xom Profil |
#10 · Zasláno: 8. 12. 2011, 04:54:37
Kookie:
Co znamená, že se posun po nějakém čase zastaví? To nechceš, aby čtenář dojel ke kotvě? Pokud nezáleží na tom, kde se stránka zastaví, tak je vlastně pouze potřeba si určit rychlost posunu (poměr pixelů vůči času). Pokud budeš chtít, aby posun probíhal rychlostí 5px za 100 milisekund a celý posun zabral 1 sekundu, tak nastavíš posun o 50px v jedné sekundě. Příklady v jQuery: $('html, body').animate({scrollTop: '100px'}, 5000); // bude scrollovat 100 pixelů 5 sekund $('html, body').animate({scrollTop: '100px'}, 500); // bude scrollovat 100 pixelů půl sekundy |
||
Časová prodleva: 6 dní
|
|||
Kookie Profil * |
#11 · Zasláno: 13. 12. 2011, 17:16:16
xom:
Šlo mi o fotogalerii, při kliknutí do určitého místa se posunout určitým směrem o nějaký kus bez použití kotev. Ten příklad, který jsi psal, ale roluje do absolutní pozice na stránce, já jsem potřeboval ty souřadnice relativně. I tak ale díky moc za radu, nakonec jsem to vyřešil přes smooth div scroll :-) |
||
Časová prodleva: 12 let
|
0