Fix unitatea plutitoare atunci când defilare, proiectare și dezvoltare a site-ului

Fix unitatea plutitoare atunci când defilare, proiectare și dezvoltare a site-ului

Buna ziua 🙂
Astăzi ne vom concentra pe una dintre modalitățile de modul de a face o unitate fixă ​​care se mișcă atunci când parcurge cu o întârziere, un exemplu poate fi vazut pe site-ul meu drept. Un alt avantaj evident este faptul că blocul nu este deplasată în derulare pe orizontală, aceasta rămâne în zona sa. Dacă vom repara proprietatea poziția obișnuită: fix. din păcate aceste beneficii nu va fi. nu a fost deosebit de important pentru mine o mișcare lină, cu o întârziere, dar faptul că unitatea stă în loc în derulare pe orizontală, a fost o sarcină majoră.
În general vorbesc, suficient, să aibă ceva de făcut.

1. HTML markup

2. fixare Script

Ca întotdeauna în subsol, înainte de organismul de închidere sau, dacă preferați, în capacul de închidere în fața capului

A patra linie poate seta valoarea Padding de marginea superioară. În linia 11, dacă doriți să modificați valoarea marjei de la marginea de sus. În mod implicit, ele sunt în valoare de 0. Doar a scrie o valoare în pixeli, ci doar un număr, cum ar fi 100.

Pune numere numai, simbol în pixeli - px, nu este necesar să se specifice!

3. Stiluri CSS

Mai mult, în fișierul style.css foaie de stil. adăugați următorul cod.
Modificarea lățimii, se adaugă stiluri, dar poziția: absolută nu atingeți. Aceasta este condiția de bază pentru un stiluri de afișare corecte ale blocului fix.

După ce a făcut toate instrucțiunile, rezultatul nu va dura mult timp. Acum puteți organiza ceea ce ai nevoie.
Asta e tot, vă mulțumesc pentru atenție 🙂

Dacă ați fost utile pentru munca mea, vă poate sprijini site-ul dvs. :)

Bună ziua dragi prieteni

Ai instalat extensia AdBlock sau altele asemenea. Adaugă site-ul meu pe lista albă, și, astfel, vnesesh contribuie la dezvoltarea acesteia. Instrucțiuni despre cum să dezactivați AdBlock doriți această fereastră

articole similare