Cred că mulți oameni au văzut pe site-urile moderne de meniu de sus, care, pentru stick de defilare mouse-ul (fix) în partea de sus a ecranului. Luați în considerare modul de a atinge acest obiectiv.
Cel mai simplu mod de a face un astfel de meniu cu css obișnuită.
Să considerăm un exemplu in vivo. Să presupunem că avem o astfel de structură de meniu (orizontal, partea de sus a ecranului).
Pentru a aderat în mod automat la partea de sus a paginii este suficient pentru a adăuga stil:Poziția: fix; - Vă permite să derulați prin meniul din partea de sus a paginii
top: 0px; - indică faptul că meniul pornește din partea de sus a paginii.
stânga: 0px; - mută meniul din partea stângă a ecranului
Deci, nici o metodă complicat putem rezolva orice meniu din partea de sus a ecranului.
Exemplul de cod complet cu stiluri:
Se va deplasa numai de conținutul principal al site-ului de către o sumă egală cu înălțimea meniului. Pentru că dacă după un astfel de meniu afișează orice conținut, meniul se va închide. Pentru a evita această problemă, a pus padding pe partea de sus a corpului sau div cu conținutul. Ca aceasta: corp.
proprietate fix este adesea folosit pentru a crea un fundal plutitoare. De exemplu, atunci când aveți nevoie pentru a defila cu fundalul paginii a rămas în loc și site-ul scrolled. Pentru a face acest lucru, puteți utiliza următorul stil:
a se vedea, de asemenea,
- Cum de a crea un buton plutitoare de pe site-ul html + css
- Ia-numi un stil CSS în JQuery
- Creați o fereastră în mijlocul ecranului JQuery + css: poziția absolută
- Css se aplică oricărui element al contului
