Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului

Am o sarcină:
_________________

Există un șablon de bootstrap cu 2 coloane: modul Content + Drept.
Există o mulțime de conținut pe pagină. Dar în module doar câteva piese de 200 pixeli înălțime.
După defilarea unei părți a conținutului, modulele dispar. Și sub ei rămâne un câmp gol în partea de jos a paginii * (sfârșitul conținutului).
---------------------------

Spune-mi cine știe:
Cum pot să știu că modulele din partea de navigare au ieșit din ecran pentru a seta conținutul la 100% din lățime?
Și este posibil în principiu?

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Vechea Gardă
  • 0 posturi






    • De la *** mesager? Mesagerul de la Penza. Nu - un adevărat mesager!

    descreierat. uita-te spre meniul plutitor (lipirea), pe butuc există o astfel de și atât de mult în cazul în care. Doar eu n-aș face 100% din lățime, pentru că Unitatea principală va deveni mai largă, iar conținutul va curge în sus. Al doilea (nu întotdeauna critic) - atunci când schimbați lățimea este destul de posibil că va trebui să recalculați glisierele care fac parte din unitatea principală.

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Membru activ
  • 0 posturi
  • A rezolvat această problemă. Ideea și codul sursă tricv VKontakte. Există, de asemenea, în grupuri.
    Aceasta este conținutul + bara din dreapta. După derulare, bara laterală se ridică dincolo de ecran și conținutul se extinde până la lățimea barei laterale din dreapta.
    Codurile sursă, din păcate, nu sunt prezente, nu există acces.

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Vechea Gardă
  • 0 posturi
  • VKontakte. Există și în grupuri, de asemenea, implementate

    Mulțumesc pentru ideea grozavă.

    P.S. Este păcat că toți pe JS pur fără Jquery au scris (ar fi mai puțin cod).

    P.P.S. Până acum, a fost găsită numai determinarea coordonatelor elementului de pe ecran. Cred că acum va fi mai ușor.
    Cui este interesant, aici:

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Vechea Gardă
  • 0 posturi
    • De la *** mesager? Mesagerul de la Penza. Nu - un adevărat mesager!
  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Vechea Gardă
  • 0 posturi
  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Membru activ
  • 0 posturi
  • Se pare că nu este așa.

    Trebuie doar să terminați ușor (1 opțiune). Și pe fenushu este necesar stilul -> clasa.

    Instructor pentru fericire

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • fondator
  • 0 posturi






  • Ei bine, totul este simplu. Ne uităm la jquery, că la derulare ajungem la capătul blocului din stânga. Puteți conta pe diferite căi. Puteți introduce un element în acesta (în blocul drept), în special pentru acest lucru. Puteți calcula poziția elementului drept + înălțimea sa (dacă există imagini, trebuie să numărați după încărcarea tuturor imaginilor) etc.
    Toate acestea sunt considerate în acest context:
    De îndată ce condiția este îndeplinită, atribuiți o altă clasă în coloana din dreapta sau ascundeți coloana din dreapta sau ambele. Ei bine, trebuie să te uiți la modul în care totul este aranjat acolo în html - cum sunt făcute blocurile și cum ai nevoie de ele. Recunosc, când conținutul, așa cum se extinde în contact, este rău. Deși, poate cineva îi place

    Ei bine, când scroll-ul sa târât, nu trebuie să uitați să întoarceți totul așa cum a fost.
    Și da, trebuie să vă amintiți să recalculați ceva când redimensionați ferestrele.
    Și nu trebuie să uitați că pentru o versiune mobilă (de exemplu, o fereastră îngustă), toate acestea nu sunt necesare.

    Pentru a vskidku, aș face acest lucru - unitatea ar pur și simplu apăsați float: dreapta, setați-l marja. și nu ar fi crescut cu acest scenariu și distorsiuni. Doar - tot pe picior de egalitate cu el, ar fi cu o lățime mai mică, orice lucru de dedesubt ar fi ieșit la 100% din lățime. Și pentru ecranele mici în stilurile media, specificați pur și simplu o altă poziționare (fără float, de exemplu). Simplu și supărat)))

    Există lucruri mai bune decât balansarea, snowboardingul. windsurfing. kitesurfing, role. trambulină. dansuri. Dar n-am auzit niciodată de ei
    Site-urile serioase sunt găzduite pe VPS. simplu în TimeWeb. Vând terenuri vechi și mai inutile către Telleri. Contabilitatea și raportarea la taxă pentru mine face Elba.

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Membru activ
  • 0 posturi
  • Scopul este extinderea conținutului principal în lățime de la ureche la ureche, când modulele laterale nu sunt vizibile

    E ca un aspect. Finalizați CSS și câteva linii de cod pot fi eliminate. Poate că puteți optimiza scenariul în sine

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Vechea Gardă
  • 0 posturi
    • De la *** mesager? Mesagerul de la Penza. Nu - un adevărat mesager!

    Trebuie doar să terminați ușor (1 opțiune). Și pe fenushu este necesar stilul -> clasa.

    Da, am dat un exemplu pentru a determina condițiile și ceea ce este scris înăuntru - depinde de tine dacă va curge sau va extinde conținutul.
    Ce stiluri și clase de roci, atunci stilurile sunt mai bune, pentru că. pe ele puteți închide orice animație, cum ar fi o extensie lină și pentru SEO în acest caz nu contează cum.
    KaSH mi-a pictat în mod corect temerile legate de renumărarea inimilor și a oferit o bună opțiune cu marjă.

    Instructor pentru fericire

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • fondator
  • 0 posturi
  • Aici este doar o mică ambuscadă aici, nici măcar una.

    1. Valorile lățimii clare sunt date acolo. Și, valoarea înălțimii la care are loc evenimentul, este considerată la început, la boot.
    Și dacă înălțimea este întotdeauna fixă ​​(ceea ce este logic, dacă lățimea este fixă), funcționează.
    Dar dacă lățimea blocului depinde de dimensiunea ferestrei? Prin urmare, cu mare probabilitate, iar înălțimea va depinde de dimensiunea ferestrei.
    Și trebuie să vă amintiți să recalculați acest lucru când redimensionați fereastra.
    Altfel, nu va fi frumos (nu mortal, dar nu feng shui).
    Dat fiind faptul că TC a spus că are blocuri de bootstrap - presupun că dependența lățimii dimensiunii ecranului este încă acolo

    2. Blocați stânga. De îndată ce blocul din stânga are lățimea, conținutul se schimbă în acest bloc și. iar la nivelul acestei altitudini specificate nu este linia care a fost la lățimea anterioară a blocului, iar linia care a fost la aceeași lățime mai departe.
    În funcție de conținut, acesta poate să-l înfurie pe oameni, deoarece riscă pur și simplu să sărind o piesă.
    Ie în mod ideal, nu trebuie doar să modificați lățimea, dar, de asemenea, trebuie să derulați pagina până la un anumit marcaj în acest caz. Ca și în VC.

    Șeful, desigur, este un domn. Dar, având în vedere cele de mai sus, aș încerca să evit o astfel de decizie în principiu.

    Există lucruri mai bune decât balansarea, snowboardingul. windsurfing. kitesurfing, role. trambulină. dansuri. Dar n-am auzit niciodată de ei
    Site-urile serioase sunt găzduite pe VPS. simplu în TimeWeb. Vând terenuri vechi și mai inutile către Telleri. Contabilitatea și raportarea la taxă pentru mine face Elba.

  • Cum să determinați dacă un element se află în afara limitelor vizibile ale browserului
  • Membru activ
  • 0 posturi
  • Și chiar și pe scrolling, ați putea crede că conținutul nu a crescut în timp ce se extinde.
    Restul fișierului.

    Plutele sunt încă rele
    Există și nuanțe. Cu malynykih în înălțimea de blocuri în conținut, acesta va arata bine. Și dacă la altitudine mare, atunci va fi un spațiu gol care să apară sub bara laterală stângă. Această golire se va schimba în mod constant în zona când se actualizează conținutul (dacă este conținut dinamic).

    Este deja specific la "pacient" să se uite la. Ceea ce va fi mai armonios.

    De asemenea, pentru cât mai puține scripturi posibil

    Subiecte conexe

    1 utilizator (i) citesc acest subiect

    0 membri, 0 vizitatori, 0 utilizatori anonimi

    Răspundeți la postările citate Ștergeți

    Toate materialele forumului SEO au permisiunea de a copia doar prin instalarea unei legături hiperactive la webimho.ru,
    cei care nu au, ne vom rupe mâinile și picioarele și vom schimba locurile,
    și când vom părăsi închisoarea, din nou vom rupe și din nou ne vom schimba.

    Rusia. Moscova







    Trimiteți-le prietenilor: