Bună ziua, dragi cititori! Astăzi articolul va fi destul de mic, dar dintr-o dată va ajuta pe cineva. Într-unul dintre articolele anterioare, am vorbit despre problema modului de fundal.

Astăzi, un coleg a sunat și a spus un lucru ciudat - când deplasați cursorul mouse-ului peste link-uri și elemente ale paginilor de internet, fereastra browserului se zvâcnește ușor în sus și în jos, ceea ce este teribil de enervant. browser Google Chrome.

Am avut de-a face cu o astfel de problemă înainte, mai ales pe Windows 10, deși, sincer să fiu, doar această versiune a avut probleme.

Totul se află într-o singură setare - accelerarea hardware. Pe scurt, sistemul de operare, dacă este posibil, îndepărtează o parte din încărcare de pe procesor și o transferă pe placa video. Dar din cauza driverelor de plăci video „strâmbe”, a defecțiunilor sistemelor combinate (laptop-uri unde videoclipul este mai întâi procesat de o placă integrată și o placă externă este conectată numai la încărcare crescută), setări incorecte - toată frumusețea accelerației hardware este pierdută. . Ceea ce se întâmplă în acest caz.

Derulați sau bara de defilare este un instrument prin care o pagină de conținut este derulată pentru a afișa acele zone ale acesteia care nu sunt vizibile pe primul ecran.

Apariția unui scroll în practica normală are loc la discreția browserului, atunci când întregul conținut al paginii nu se încadrează în zona vizibilă a utilizatorului. Poate apărea o bară de defilare verticală și orizontală. Când apare o bară, întreaga pagină se deplasează ușor spre stânga (în funcție de partea în care a apărut scroll-ul), deoarece își rezervă un anumit loc. De obicei, lățimea benzii standard nu depășește 20 de pixeli.

Un astfel de efect se numește „smulsuri ale site-ului web” în argou profesional, amintiți-vă acest lucru și nu vă pierdeți când întâlniți din nou acest termen specific. Puteți vedea acest efect cu proprii ochi când treceți de la o pagină fără defilare la o pagină care are una. Chiar arată ca o mică criză.

Soluție sugerată

De obicei, designerii de layout nu se deranjează cu problema zvâcnirii. Cu toate acestea, dacă ochii tăi sunt deja foarte caluzați de acest fenomen, atunci oferim o soluție simplă. Pentru a elimina efectul, trebuie să aduceți toate paginile la aceeași lățime, pentru aceasta scriem o proprietate în fișierul CSS care va adăuga o bară de derulare pe toate paginile resursei (chiar și pentru care nu este necesară).

html ( overflow-y: defilare; )

Pe ce browsere functioneaza?

Twitching-ul în browser se numește defilare într-un mod diferit. Această problemă este cunoscută dezvoltatorilor Google de mult timp. Cu toate acestea, decizia ei a fost amânată. Singurul lucru disponibil pentru utilizatori sunt extensiile, funcțiile încorporate și instrumentele terțe care vă permit să configurați derularea lină a paginii.

Setări de defilare în Google Chrome

Google testează multe funcții care vă permit să vă personalizați browserul pentru cea mai bună experiență posibilă. Printre acestea există și o funcție de reglare a derulării. Pentru a-l activa, trebuie să faceți următoarele:

• Lansăm browserul. Introduceți chrome://flags în bara de căutare.

• Va apărea o nouă pagină cu funcții de testare. Trebuie să introduceți interogarea „Defilare” în bara de căutare.

• Printre rezultatele problemei găsim „Smooth Scrolling” (Smooth Scrolling). Setați valoarea la „Activat”.

• Sau, în bara de căutare, puteți introduce imediat interogarea #smooth-scrolling și activați această opțiune.

Este important de reținut că această opțiune este una de testare și, pentru funcționarea ei normală, trebuie să mai faceți câteva modificări setărilor mouse-ului, și anume:

• Faceți clic pe „Start”, „Panou de control”, „Mouse”.

• Va apărea o fereastră mică. Trebuie să deschideți fila „Roată”. Pentru numărul de rotații ale roții, trebuie să setați valoarea la „4”.

• Salvăm setările și testăm fluiditatea derulării în browser.

De asemenea, puteți găsi extensia Chromium Wheel Smooth Scroller în Google Store. Vă permite să obțineți o defilare ușor lină a paginilor și un glisor în programul în sine. Pentru a instala această extensie, urmați acești pași:

• Faceți clic pe butonul de meniu al browserului și selectați „Setări”. Apoi, în meniul din stânga, trebuie să faceți clic pe butonul „Extensii”.

• Va apărea o nouă filă. Trebuie să faceți clic pe linkul „Accesați magazinul Google...”.

• În bara de căutare, introduceți interogarea dorită.

• Apoi, faceți clic pe „Adăugați la Chrome”.

• Confirmăm adăugarea extensiei în browser.

• Activați extensia cu butonul situat pe bara de instrumente.

Puțini utilizatori folosesc bara de defilare laterală. Cei mai mulți sunt obișnuiți să folosească o roată sau touchpad. Cu toate acestea, dacă utilizați derularea browserului, puteți utiliza caracteristica Overlay Scrollbars pentru a o configura corect. Pentru a face acest lucru, în secțiunea funcții de testare, trebuie să introduceți interogarea #overlay-scrollbars. Trebuie să activați toate funcțiile pe care le găsiți. În funcție de versiunea sistemului de operare și versiunea browserului, pot exista de la una până la trei astfel de funcții.

După activarea barelor de defilare suprapuse, atunci când treceți cu mouse-ul peste bara de defilare laterală, puteți vedea că se extinde și se contractă pentru ușurință de prindere și deplasare.

Trebuie remarcat faptul că extensiile de la terți pot fi folosite pentru a configura derularea lină. De exemplu, puteți instala instrumentul SmoothScroll. Este disponibil în Magazinul Chrome. Tot ce este necesar este să adăugați extensia în browser.

Va apărea o fereastră mică. Aici trebuie să setați parametrii pentru defilare. Personalizăm pentru noi înșine.

Există, de asemenea, o extensie precum Touch & Drag Scroller. Vă permite să implementați în browser o astfel de opțiune precum un joystick pe ecran. De fapt, o astfel de extensie este convenabilă pentru dispozitivele cu ecran tactil. După instalare, în browser apare un cerc mic. Făcând clic pe ea cu butonul stâng al mouse-ului și ținând-o apăsat, utilizatorul poate parcurge paginile.

Dacă, dimpotrivă, doriți să ascundeți scrollbar-ul, atunci printre extensii puteți instala Minimal Scrollbar. Această extensie va adapta bara de derulare pentru fiecare site specific. Și dacă nu doriți să vă ocupați de setările de defilare, atunci puteți instala extensia Scroll Buddy. Este conceput pentru defilare automată.

Este important de reținut că toate metodele de mai sus funcționează pe toate sistemele de operare, inclusiv pe Mac OS, Linux și Android. Cu toate acestea, pentru a implementa o defilare mai lină, trebuie să ajustați și mouse-ul. Doar în această combinație nu vor exista șocuri în browser în timpul derulării paginilor.