Pasul 1. Codul de bloc care ar trebui să fie fixat
Pentru a identifica în continuare blocul de script-ul, am găsit un atribut id cu o valoare fixblock.
Fii atent!
valoare de atribut Id-ul pentru a fi utilizate în scenariu. Dacă modificați valoarea pe cont propriu, și fixați-l în scenariu.
Pasul 2. Adăugați scriptul
Salvați și verifica modul în care funcționează.
iar ultimul la acest lucru:
Opțiunea cu calcularea automată a înălțimii unității fixe și subsol (subsol pentru a înlocui id-ul propriu):
Sau exact înălțimea specificată (substitui valorile lor în pixeli):
Pentru cei care folosesc WordPress și nu vrea să deranjez cu instalarea codului, acum disponibil Plug nostru fix Widget. În opțiuni există posibilitatea de unitate de reglaj fin poziția de fixare și de animație sale.
Sau, pentru a aplica o soluție cross-browser pentru a determina lățimea:
Pentru a controla unitatea de în procesul de schimbare a lățimii ferestrei, trebuie să adăugați o funcție onresize eveniment:
Ultimul fragment de cod modificat în condițiile, setați stilurile dorite pentru o lățime specifică a ecranului.
Alexandru, Buna ziua. Pune acest scenariu de multe ori (multumita tie)))) totul a fost OK. Și acum, din nou, am decis să pun pe un site nou și a constatat că crom bloc fix in loc de fixare dispare imediat ce blocul atinge marginea de sus. Și restul browserelor script lucra cu un bang. Și pe site-ul vechi al acestei probleme nu uit. Ce ar putea fi:, slomaaaaal cap întreg)
Fedor, ați scris în stilul ascunderea conținutului site-ului, care este dincolo de domeniul de aplicare al widget-ului:
Poate că aceasta este problema. Doar elimina stilurile de această bucată de CSS și totul ar trebui să funcționeze.
Alexander, vă mulțumesc foarte mult. A doua zi am încercat să stabilească meniul de pe blog-ul DLE. Aproape tot ce am studiat pe jQuery și a materialului toate fără nici un rezultat. Și apoi dvs. articol puțin modest, cu o astfel de metodă simplă, fără nici una din aceste probleme cu biblioteca jQuery.
Mulțumesc mult. Pune direct, meniul înfășurat sub antet în diva dreaptă, apoi a încercat variante cu două blocuri - totul funcționează. Adevărul este că, nu-mi place deloc, am o bara de meniu fix, și oeklamnye blocuri în bara laterală când defilați ascuns în spatele imaginii principale de pe pagina. plus cured la parametrul proprietăților z-index.
Vă mulțumim!
Am lăsat coloana (ridicat), care este fixat atunci când ajunge în partea de jos a ferestrei browser-ului.
- Serviciile noastre pentru bloggeri
- Subiecte populare Hot Nou
Plugin-uri și teme noastre
- HTML Sitemap Ierarhic - Harta site-ului ierarhic în directorul WordPress
- Ascunde Link-uri - ascunderea link-uri externe în directorul WordPress
- FunctionsPHP - înlocuire sigură functions.php
- BASIC - temă WordPress gratuit Adaptive în directorul WordPress
