Kako pritisniti nogo na dno strani?

Naprave in velikost zaslona, ​​ki določajo velikost okna brskalnika, je toliko, da je pisanje kode, ki ustreza vsem aplikacijam, problematično. Samo nogo pritisnite nogo na dnu strani, je sprejemljiva v idealni uporabi, vendar obstaja vsaj dve situaciji, ko je to skoraj nemogoče.

Prvič, ne samo, da zasloni tabličnih računalnikov in pametnih telefonov omogočajo premikanje fizičnega zaslona preko navideznega zaslona. Okno fizične vidljivosti je manjše od okna navideznega zaslona, ​​na katerem lahko premikate fizično okno. Drugič, če je, kako pritiskati nogo na dno strani (pravila CSS) bolj ali manj jasna, kaj pa sprememba velikosti okna brskalnika samega?

Absolutno in relativno pozicioniranje

Odločitev za nadzor vseh koordinat in dimenzij ni vedno najboljša, še posebej pri prikazovanju neprekinjene vsebine. Odločitev, da dajo vse, kar je na potoku (opcija male črke elementi, ne pa absolutne enote), kjer je vsak naslednji element postavi po prejšnjih eno in zato brez vrzeli ali težav z zaslonom na noge: on je vedno na koncu dokumenta, vendar ne vedno "prilepljena" na dno v oknu brskalnika.

Konec toka ni klet na strani. Noga je lahko na dnu, vendar jo pritisnite na spodnjo stran okna brskalnika, CSS »ne dovoli«. V tem primeru vedno obstajajo dve možnosti za premikanje spodnje strani okna brskalnika: gor in dol - po nalaganju strani v brskalnik. To je problem.

V večini primerov lahko podate nogo s pravilom CSS »spodaj« z naslednjimi preostalimi pravili za postavitev strani, kape, vsebine in noge.

Vendar bo ta odločitev preprosta. Ne bo upoštevala veliko situacij.

Tradicionalni položaj spletnega programskega stila "ni razumel, ni" zahteva, da mora razvijalec imeti jasno strukturo strani, izračuni v procesu dela in odločitev, da pritisnejo nogo na dno strani, lahko ostanejo kot taki.

Klasična rešitev problema noge

Najlažja možnost za rešitev problema nogo, in tudi z "saytoproizvodstvom" - uporaba CMS (Content Management System). Ni problema, kot je na novinarski nogi na dnu strani, WordPress, Drupal, magenta, 1c-Bitrix CMS in drugi "vedeti" in "ne" sami.

V večini primerov razvijalec to počne. S katerim koli kontrolnim sistemom se programator spremeni v upravitelja vsebine in preprosto izpolni predloge, upravlja umestitev informacij in prilagaja komunikacije.

V svetu sodobne popularne CMS je samo en kardinal problem v določeni vlogi, stranke interesi in kvalifikacije umetnik v zelo redkih primerih ustrezajo miselnost skupine razvijalcev vsega, najbolj napredni, CMS. Vedno odkrijte hrove, luknje in problematična področja.

Internetna rešitev problema noge

Vsa ozka grla pri načrtovanju sodobnih zanimivih spletnih mest so nujno predmet razprav in rešitev v internetnem okolju. V kontekstu popolne rešitve na strani, kako pritiskati nogo na dno strani, lahko 4 načine najdemo zagotovljeno in samo (!) Samo s CSS pravilom.

Imposerji zaradi nekega nerazumnega in nerazložljivega razloga so se odločili, da je problem noge in celotne sestave strani izključno njihova prednostna naloga.

Dinamika standardov HTML5 in CSS3 kaže, da se razvija sintaksa in semantika hiperteksta. Obstajajo nove ideje in posodobljeni stari. To je dobro, vendar spletna stran ni HTML5 / CSS3 in niti razvijalec, skupaj s stranko. To je rešitev resnične težave v resničnem internetnem prostoru in aplikaciji (storitve, izdelki, ideje).

Okno brskalnika kot klasika žanra

Skozi trideset let prehod iz besedila v grafiko je koncept okna bistven za vsak operacijski sistem. In Windows, Apple in prijazna družina Unixoids vsi privlačijo okno vmesnik.

Okno ideje in programiranje delitev HTML elementov na blok z absolutno in relativno pozicioniranje da problem pritisnite noga na dnu strani, je zelo preprosta: ni treba pritisniti na noge in spodnji del okna brskalnika za spremembo meje.

Kaj je lažje, saj brskalnik razume, kdaj je v spodnjem niz (vrstica stanja) informacije se dajo:

To ni rešitev, da pritisnete nogo na dno strani in to ni noga, toda na tem primeru je jasno, da je bistvo noge, da razjasni okno brskalnika z želenim dizajnom.

Vendar pa ta okoliščina nima nič opraviti s kletjo strani, ampak samo funkcijo brskalnika. Vrstica stanja ni noga.

Dinamična rešitev z jаvascriptom

Po nalaganju strani lahko brskalnik zažene jаvascript skript, ki bo izboljšal položaj elementov strani glede na trenutno velikost okna brskalnika. Seveda bo ta rešitev absolutno natančno postavila nogo na pravo mesto.

V tem primeru je odgovor na dogodek onload nastavljen s funkcijo GoPage (), ki določa trenutne koordinate scLogo dive in jo položi na pravo mesto. Če spremenite velikost okna brskalnika, ga nastavite s pomočjo funkcije scfChange.

Tukaj se koordinate želenega elementa preračunajo glede na spreminjanje velikosti okna brskalnika. Težava je, kako pritisniti nogo na dno strani, se odloča nedvoumno.

Želeni element lahko vežeš na katerokoli okno. jаvascript deluje hitro in obiskovalec ne bo opazil, kako je bilo postavljeno pozicioniranje elementov: pravila CSS ali jаvascript algoritem.

Rezultat te kode pri spreminjanju velikosti okna brskalnika:

Tu bo element z Google napisom se postavi točno na pravem mestu, ob vsaki spremembi okna brskalnika, vendar z besednimi elementi, se ISV pravilno prikazane le s povečanjem dno okna brskalnika in pravilen položaj desnega drsnika.

Optimalna rešitev za pozicioniranje elementov

Era statičnih strani se že dolgo v zgodovini. Uporaba tehnologije AJAX, ko so elementi strani napolnjeni s potrebnimi informacijami glede na dejanja obiskovalca, je sedanji. Ideja, ko je stran oblikovana na leti, je prihodnost.

Najboljši način za posredovanje informacij na strani ni prikazati, kaj načrtuje razvijalec ali lastnik spletnega mesta. Če pogledate spletno stran skozi oči obiskovalca, ki je prišel za določen namen, je smiselno, da mu ponudi točno to, kar pričakuje vsakič.

To ni tako čudna ideja, kot se morda zdi. Če pa je obiskovalec delal na spletnem mestu in seje končalo na določenem položaju strani, bi bilo pametno začeti naslednjo sejo s tega položaja.

Ni tako težko zapomniti rezultata dela in statusa obiskovalca (strani) ob koncu seje v piškotkih ali v bazi podatkov na strežniku. Ko isti obiskovalec vrne, se lahko vrnete v shranjeno stanje in ne ustvarite domače strani spletnega mesta.