Cum să apăsați subsolul în partea de jos a paginii?

Aparatele și dimensiunile ecranelor care determină dimensiunea ferestrei browserului sunt atât de multe încât scrierea codului care satisface toate aplicațiile este problematică. Doar apăsarea subsolului în partea de jos a paginii este acceptabilă pentru utilizarea ideală, dar există cel puțin două situații când este aproape imposibil să faceți acest lucru.

În primul rând, nu numai ecranele cu tablete și smartphone-uri permit ecranului fizic să se deplaseze pe ecranul virtual. Fereastra de vizibilitate fizică este mai mică decât fereastra virtuală a ecranului, pe care puteți muta fereastra fizică. În al doilea rând, dacă, cum să apăsați subsolul în partea de jos a paginii (regulile CSS) este mai mult sau mai puțin clar, atunci ce se întâmplă cu modificările dimensiunii ferestrei browserului în sine?

Poziție absolută și relativă

Decizia de a monitoriza toate coordonatele și dimensiunile nu sunt întotdeauna cele mai bune, mai ales atunci când afișarea de conținut continuu. Decizia de a pune totul pe flux (elemente de opțiune cu litere mici, mai degrabă decât de unități absolute), în cazul în care fiecare element succesiv este plasat după cel anterior și, prin urmare, nu exista lacune sau probleme cu afișarea subsol: el este întotdeauna la sfârșitul documentului, dar nu întotdeauna „lipit“ la partea de jos frontieră a ferestrei browserului.

Sfârșitul fluxului nu este subsolul paginii. Footerul poate fi în partea de jos, dar apăsați-l la marginea de jos a ferestrei browserului, CSS "nu va permite". În acest caz, există întotdeauna două opțiuni pentru mutarea marginii inferioare a ferestrei browserului: în sus și în jos - după ce pagina a fost încărcată în browser. Aceasta este problema.

În cele mai multe cazuri, un subsol cu ​​regulă CSS "de fund" cu următoarele reguli rămase pentru plasarea unei pagini, capace, conținut și subsol poate oferi soluția dorită.

Dar această decizie va fi simplă. Nu va ține cont de o mulțime de situații.

Poziția tradițională a stilului de programare pe Internet „nu a înțeles, nu a“ cere de la dezvoltator o structură clară a paginii, așezări în proces și decizia de a stoarce subsol în partea de jos a paginii, astfel încât să puteți lăsa.

O soluție clasică la problema subsolului

Cea mai simplă opțiune pentru a rezolva problema subsol, și într-adevăr cu „saytoproizvodstvom“ - utilizarea CMS (sistem de management al conținutului). Nici o problemă, ca și subsol de presă în partea de jos a paginii, wordpress, drupal, magenta, 1c-bitrix CMS și alte „știu“ și „a face“ ei înșiși.

În cele mai multe cazuri, dezvoltatorul face acest lucru. Folosind orice sistem de control, programatorul se transformă într-un manager de conținut și pur și simplu completează șabloanele, gestionează plasarea informațiilor și ajustează comunicațiile.

În lumea modernă CMS populare este doar o problemă cardinală într-o anumită aplicație, interesele și calificările clientului artist în cazuri foarte rare, corespund mentalitatea grupului de dezvoltatori toate, cele mai avansate, CMS. Detectați întotdeauna erori, găuri și zone cu probleme.

Soluția Internet a problemei subsolului

Toate blocajele în programarea siturilor interesante moderne sunt în mod necesar subiectul discuțiilor și soluțiilor din mediul Internet. În contextul unei soluții complete pe pagină, cum să apăsați subsolul în partea de jos a paginii, pot fi găsite 4 căi garantate și numai (!) Numai prin regulile CSS.

Imposterii, pentru un motiv nerezonabil și inexplicabil, au decis că problema footerului și compoziția generală a paginii sunt doar prerogativele acestora.

Dinamica standardelor HTML5 și CSS3 arată că sintaxa și semantica hipertextului se dezvoltă. Există idei noi și actualizate vechi. Acest lucru este bun, dar site-ul nu este HTML5 / CSS3 și nici chiar dezvoltatorul, cuplat cu clientul. Aceasta este soluția unei probleme reale în spațiul și aplicația reală pe Internet (servicii, produse, idei).

Fereastra de browser ca un clasic al genului

Trecerea de la text la grafica de peste treizeci de ani a facut conceptul de fereastra fundamentala pentru orice sistem de operare. Și Windows, Apple, și o familie prietenoasă de Unioxids apelează la interfața ferestrei.

idei pentru ferestre si diviziune de programare a elementelor HTML pe un bloc cu poziționare absolută și relativă a face subsol problema de presă la partea de jos a paginii este extrem de simplu: nu este nevoie să apăsați subsol și în partea de jos a ferestrei browser-ului pentru a schimba frontiera.

Ce este mai ușor, deoarece browserul înțelege atunci când este mai jos șir (bara de stare) informațiile sunt plasate:

Aceasta nu este o soluție pentru apăsarea subsolului în partea de jos a paginii și acesta nu este un subsol, dar pe acest exemplu este clar că esența subsolului este de a clarifica fereastra browserului cu designul dorit.

Cu toate acestea, această circumstanță nu are nimic de-a face cu subsolul paginii, ci doar o caracteristică a browserului. Bara de stare nu este un subsol.

O soluție dinamică cu jаvascript

După încărcarea paginii, browserul poate rula scriptul jаvascript, care va rafina poziția elementelor de pagină în funcție de dimensiunea curentă a ferestrei browserului. Firește, această soluție va plasa cu exactitate foaterul în locul potrivit.

În acest exemplu, răspunsul la evenimentul onload este setat de funcția GoPage (), care determină coordonatele actuale ale scLogo diva și o poziționează în locul potrivit. Evenimentul de redimensionare a ferestrei browserului este setat de răspunsul funcției scfChange.

Aici, coordonatele elementului dorit sunt recalculate în funcție de redimensionarea ferestrei browserului. Problema este cum să apăsați subsolul în partea de jos a paginii, este decisă fără echivoc.

Puteți lega elementul dorit la orice margine a ferestrei. jаvascript funcționează rapid și vizitatorul nu va observa modul în care sa făcut poziționarea elementelor: reguli CSS sau algoritm jаvascript.

Rezultatul acestui cod la redimensionarea unei ferestre de browser:

Aici, un element cu Google inscripție va fi plasat exact în locul potrivit, la orice schimbare a ferestrei browser-ului, dar cu elementul verbal ISV să fie afișate în mod corespunzător numai prin creșterea în partea de jos a ferestrei browser-ului și poziția corectă a cursorului din dreapta.

Soluția optimă pentru elemente de poziționare

Epoca paginilor statice a căzut de mult în istorie. Utilizarea tehnologiei AJAX, atunci când elementele de pagină sunt umplute cu informațiile necesare în funcție de acțiunile vizitatorului, este prezent. Ideea, atunci când o pagină se formează în zbor, este viitorul.

Cea mai bună modalitate de a plasa informații pe o pagină nu este de a arăta ce intenționează dezvoltatorul sau proprietarul site-ului. Dacă vă uitați la site prin ochii unui vizitator care a venit pentru un anumit scop, este rezonabil să îi oferiți exact ceea ce se așteaptă de fiecare dată.

Aceasta nu este o idee atât de ciudată, cum pare. Dar dacă vizitatorul a lucrat pe site și sesiunea sa încheiat într-o anumită poziție a paginii, ar fi înțelept să începeți următoarea sesiune din această poziție.

Nu este atât de greu să vă amintiți rezultatul lucrării și starea vizitatorului (pagină) în momentul în care sesiunea se termină în modulele cookie sau în baza de date de pe server. Când se întoarce același vizitator, puteți reveni la starea salvată și nu puteți crea pagina de pornire a site-ului.