Diskuze: Přechod mezi stránkami bez nutnosti přechodu na jinou stránku
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Zobrazeno 6 zpráv z 6.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Tak mohl bys pomocí JS animovat vždy 2 stránky- starou a novou.
opacity:1
, nová-
disply:block;opacity:0
opacity:0; display:none
, nová:
opacity:1
Potom si můžeš hrát třeba s tím, že obsah té nové načeš AJAXem až
když to je potřeba a takové kravinky. Záleží na tom, kolik toho chceš
měnit, pokud je to třeba jen změna textového bloku, mohl bys klidně
načíst vše najednou. Všechny ty stránky by asi měly být umístěné v
nějakém kontejneru, kde position:relative
a stránky samy
position:absolute
, tím dosáhneš toho, že budou přes sebe.
Pokud bys někdy chtěl dělat v podobném stylu větší stránku, tak by tě mohl zajímat angular 2.
Uz jsem par takovych delal a kvuli SEO jsem nakonec vsechno vygeneroval na jednu html stranku do separatnich bloku a pak pres JS jim pridaval/odebiral CSS tridy.
Animace pro prechody stranek pak zasadne pres CSS3 - je to nasobne rychlejsi
no proti reseni, kdy se veskery obsah nahraje javascriptem pres AJAX docela znacny
Zobrazeno 6 zpráv z 6.