Kako pritisnuti podnožje na dno stranice?

Uređaji i veličine zaslona koji određuju veličinu prozora preglednika toliko su toliko da je kod pisanja koji zadovoljava sve aplikacije problematičan. Samo pritisnite podnožje na dno stranice je prihvatljivo u idealnoj upotrebi, ali postoje barem dvije situacije kada je gotovo nemoguće to učiniti.

Prvo, ne samo zasloni tableta i pametnih telefona omogućuju da se fizički zaslon premjesti preko virtualnog zaslona. Prozor fizičke vidljivosti manji je od virtualnog zaslona na kojem možete premjestiti fizički prozor. Drugo, ako je pritisak podnožja na dno stranice (CSS pravila) više-manje jasan, a što je s promjenama veličine prozora samog preglednika?

Apsolutno i relativno pozicioniranje

Odluka o kontroli svih koordinata i dimenzija nije uvijek najbolja, pogotovo kada se prikazuje kontinuirani sadržaj. Odluka da se stavi sve na struju (opcija mala elementi, a ne apsolutne jedinice), gdje je svaki slijedeći element koji se nalazi nakon prethodnog i stoga bez nedostataka ili problema s prikazom podnožje: on je uvijek na kraju dokumenta, ali ne uvijek „zalijepiti” na dno granica prozora preglednika.

Kraj protoka nije podrum stranice. Podnožje može biti na dnu, ali ga pritisnite na donji rub prozora preglednika, CSS "neće dopustiti". U tom slučaju uvijek postoje dvije opcije za premještanje donje granice prozora preglednika: gore i dolje - nakon učitavanja stranice u preglednik. To je problem.

U većini slučajeva, podnožje s pravilom CSS "dno" s sljedećim preostalim pravilima za postavljanje stranice, kapa, sadržaja i podnožja može pružiti željeno rješenje.

No, ova će odluka biti jednostavna. Neće uzeti u obzir puno situacija.

Tradicionalni položaj stila programiranja u programu Internet "nije razumio, nije" zahtijeva da razvojni programer ima jasnu strukturu stranice, bez izračuna u procesu rada, a odluka o pritisku podnožja na dno stranice može se ostaviti kao takva.

Klasično rješenje problema podnožja

Najjednostavnije rješenje problema s podnožja, a općenito sa "saitoproizvodstvom" - korištenje CMS (sustava za upravljanje web stranicama). Nema problema, kako pritisnuti podnožje na dno stranice, wordpress, drupal, magenta, 1c-bitrix i ostali CMS "znaju" i "rade" sami.

U većini slučajeva, programer to čini. Pomoću bilo kojeg upravljačkog sustava programer se pretvara u upravitelja sadržaja i jednostavno ispunjava predloške, upravlja postavljanjem informacija i prilagođava komunikaciju.

U svijetu suvremenog popularnog CMS-a postoji samo jedan kardinalni problem: polje specifične primjene, interesi klijenta i kvalifikacija izvođača u vrlo rijetkim slučajevima odgovaraju mentalitetu skupine programera bilo kojeg, najprikladnijeg CMS-a. Uvijek prepoznajete bugove, rupice i područja s problemima.

Internet rješenje problema podnožja

Svi usko grli u programiranju suvremenih zanimljivih mjesta nužno su predmet rasprava i rješenja u internetskom okruženju. U kontekstu cjelovitog rješenja na stranici, kako pritisnuti podnožje na dno stranice, 4 načina može se pronaći zajamčeno i samo (!) Samo CSS pravila.

Izlagači za neko nerazumno i neobjašnjivo razlog odlučili su da je problem podnožja i cjelokupni sastav stranice isključivo njihova prerogativa.

Dinamika HTML5 i CSS3 standarda pokazuje da se sintaktička i semantika hiperteksta razvija. Postoje nove ideje i ažurirane stare. Ovo je dobro, ali stranica nije HTML5 / CSS3, a ni programer, u kombinaciji s korisnikom. To je rješenje stvarnog problema u stvarnom internetskom prostoru i aplikaciji (usluge, proizvodi, ideje).

Prozor preglednika kao klasični žanr

Prijelaz iz teksta u grafiku preko trideset godina učinio je koncept prozora osnovan za bilo koji operativni sustav. A Windows i Apple, kao i prijateljska obitelj Unixoids, svi se žale na sučelje prozora.

Prozor ideje i programiranje podjela HTML elemenata na blok s apsolutnom i relativnom pozicioniranju napraviti problem pritisnite podnožje na dnu stranice je vrlo jednostavna: nema potrebe za pritiskom na podnožje i dnu prozora preglednika za promjenu granice.

Što je lakše, jer preglednik razumije kada je u donjem niz (statusna traka) informacije se stavljaju:

Ovo nije rješenje za pritisak podnožja na dno stranice, a to nije podnožje, no na ovom je primjeru jasno da je suština podnožja jasno prozor preglednika željenim dizajnom.

Međutim, ova okolnost nema nikakve veze s podrumom stranice, već samo značajkom preglednika. Traka stanja nije podnožje.

Dinamičko rješenje s jаvascriptom

Nakon učitavanja stranice, preglednik može pokrenuti jаvascript skriptu koja će poboljšati položaj elemenata stranice prema trenutnoj veličini prozora preglednika. Naravno, ovo rješenje će apsolutno točno staviti podnožje na pravo mjesto.

U ovom primjeru, odgovor na događaj s onloadom određuje GoPage () funkcija, koja određuje trenutne koordinate scLogo dive i postavlja je na pravo mjesto. Događaj promjena veličine prozora preglednika postavlja odgovor funkcije scfChange.

Ovdje se koordinate željenog elementa preračunavaju prema promjeni veličine prozora preglednika. Problem je u tome kako pritisnuti podnožje na dno stranice, odlučuje se nedvosmisleno.

Možete povezati željeni element s bilo kojim rubom prozora. jаvascript brzo funkcionira i posjetitelj neće primijetiti kako je postavljanje elemenata učinjeno: CSS pravila ili jаvascript algoritam.

Rezultat ovog koda pri promjeni veličine prozora preglednika:

Evo, element sa Google natpisom će biti postavljeni točno na pravom mjestu, u bilo koje promjene prozora preglednika, ali s elementom riječi ISV biti ispravno prikazana samo povećanjem dno prozora preglednika i pravilan položaj pravom klizača.

Optimalno rješenje za elemente za pozicioniranje

Vremena statičkih stranica već su prošla kroz povijest. Korištenje AJAX tehnologije, kada su elementi stranice popunjeni potrebnim informacijama, ovisno o djelovanju posjetitelja, je sadašnjost. Ideja, kada se formira stranica na letu, je budućnost.

Najbolji način stavljanja informacija na stranicu nije pokazati što planer ili vlasnik web mjesta planira. Ako pogledate web mjesto kroz oči posjetitelja koji je došao u određenu svrhu, razumno je ponuditi mu točno ono što on očekuje svaki put.

Ovo nije tako čudna ideja, kao što se može činiti. No, ako je posjetitelj radio na web-lokaciji, a sjednica završila na određenoj poziciji stranice, bilo bi pametno započeti sljedeću sesiju s tog položaja.

Nije teško zapamtiti rezultat rada i status posjetitelja (stranica) u trenutku završetka sesije u kolačićima ili u bazi podataka na poslužitelju. Kada se isti posjetitelj vrati, možete se vratiti u spremljeno stanje i ne stvoriti početnu stranicu web mjesta.