Dobré odpoledne, milí čtenáři! Dnes bude článek celkem krátký, ale najednou někomu pomůže. V jednom z předchozích článků jsme hovořili o problému s pozadím.

Dnes volal kolega a řekl zvláštní věc - když najedete ukazatelem myši na odkazy a prvky internetových stránek, okno prohlížeče se mírně trhá nahoru a dolů, což je strašně otravné. Prohlížeč Google Chrome.

S takovým problémem jsem se již setkal, zejména ve Windows 10, i když, abych byl upřímný, pouze s touto verzí byly problémy.

Vše spočívá v jednom nastavení – hardwarové akceleraci. Stručně řečeno, operační systém, pokud je to možné, odebere část zátěže procesoru a přenese ji na grafickou kartu. Ale kvůli „křivým“ ovladačům grafické karty, chybám v kombinovaných systémech (notebooky, kde integrovaná karta nejprve zpracovává video a externí je připojena pouze při zvýšené zátěži), nesprávné nastavení - veškeré kouzlo hardwarové akcelerace je ztraceno. Což se v tomto případě děje.

Posuvník nebo posuvník Je nástroj, pomocí kterého se stránka s obsahem posouvá, aby se zobrazily její oblasti, které jsou mimo viditelnost první obrazovky.

Ke vzhledu rolování v běžné praxi dochází rozhodnutím prohlížeče, kdy se celý obsah stránky nevejde do viditelné oblasti uživatele. Vzhled posuvníku vertikálně a horizontálně je možný. Když se objeví pruh, celá stránka se posune mírně doleva (v závislosti na straně rolování), protože si vyhrazuje určité množství místa. Standardní pruh je obvykle široký méně než 20 pixelů.

Takový efekt se v odborném slangu nazývá „škubnutí stránky“, pamatujte si to a neztraťte se, až se s tímto specifickým pojmem znovu setkáte. Tento efekt je vidět na vlastní oči při přechodu ze stránky bez rolování na stránku, na které se nachází. Opravdu to vypadá na lehké škubnutí.

Navrhované řešení

Návrháři rozvržení se obvykle s problémem trhání neobtěžují. Pokud jsou však vaše oči již tímto jevem velmi podrážděné, pak nabízíme jednoduché řešení. Pro odstranění efektu je nutné uvést všechny stránky na stejnou šířku, k tomu zapíšeme do souboru CSS vlastnost, která přidá posuvník na všechny stránky zdroje (i u kterých to není vyžadováno).

html (overflow-y: scroll;)

V jakých prohlížečích to funguje?

Škubání prohlížeče se také nazývá rolování. Tento problém je vývojářům Google znám již delší dobu. Její rozhodnutí se však oddálilo. Jediné, co mají uživatelé k dispozici, jsou rozšíření, vestavěné funkce a nástroje třetích stran, které umožňují přizpůsobit plynulé posouvání stránek.

Nastavení posouvání v prohlížeči Google Chrome

Google testuje různé funkce, aby přizpůsobil váš prohlížeč tak, aby byl co nejlepší. Mezi nimi nechybí ani funkce pro úpravu rolování. Chcete-li jej aktivovat, musíte provést následující:

• Spusťte prohlížeč. Do vyhledávacího pole zadejte chrome: // flags.

• Objeví se nová stránka s testovacími funkcemi. Do vyhledávacího pole musíte zadat dotaz „Posouvání“.

• Mezi výsledky vyhledávání najdeme "Smooth Scrolling" (Smooth scrolling). Nastavíme hodnotu "Povoleno".

• Nebo můžete do vyhledávacího pole rovnou zadat dotaz # hladké rolování a povolit tuto možnost.

Je důležité si uvědomit, že tato možnost je testovací a pro její normální provoz je třeba provést několik dalších změn v nastavení myši, konkrétně:

• Klikněte na "Start", "Ovládací panely", "Myš".

• Objeví se malé okno. Musíte otevřít kartu "Kolo". Pro počet otáček kola nastavte hodnotu "4".

• Uložíme nastavení a otestujeme plynulost rolování v prohlížeči.

Také v Google Store najdete rozšíření Chromium Wheel Smooth Scroller. Umožňuje dosáhnout trochu plynulého posouvání stránek a posuvníku v samotném programu. Chcete-li nainstalovat toto rozšíření, postupujte takto:

• Klikněte na tlačítko nabídky prohlížeče a vyberte „Nastavení“. Dále v nabídce vlevo musíte kliknout na tlačítko "Rozšíření".

• Objeví se nová karta. Musíte kliknout na odkaz „Přejít do obchodu Google ...“.

• Do vyhledávacího pole zadejte požadovaný dotaz.

• Dále klikněte na „Přidat do Chromu“.

• Potvrzujeme přidání rozšíření do prohlížeče.

• Rozšíření zapnete tlačítkem umístěným na panelu nástrojů.

Jen málo uživatelů používá boční posuvník. Většina je zvyklá používat kolečko nebo touchpad. Pokud však používáte posouvání v prohlížeči, můžete jej správně upravit pomocí funkce Překryvné posuvníky. Chcete-li to provést, zadejte v části testovacích funkcí dotaz # overlay-scrollbars. Musíte povolit všechny funkce, které najdete. V závislosti na verzi operačního systému a verzi prohlížeče může existovat jedna až tři takové funkce.

Když po aktivaci překryvných posuvníků, když najedete na boční posuvník, uvidíte, že se roztahuje a zmenšuje, aby se dal snadno uchopit a pohybovat.

Je třeba poznamenat, že k přizpůsobení hladkého posouvání lze použít rozšíření třetích stran. Můžete si například nainstalovat nástroj SmoothScroll. Je k dispozici v Chrome Store. Vše, co je potřeba, je přidat rozšíření do prohlížeče.

Objeví se malé okno. Zde je potřeba nastavit parametry pro rolování. Přizpůsobujeme pro sebe.

Nechybí ani rozšíření jako Touch & Drag Scroller. Umožňuje vám implementovat možnost, jako je joystick na obrazovce v prohlížeči. Ve skutečnosti je takové rozšíření vhodné pro zařízení s dotykovou obrazovkou. Po jeho instalaci se v prohlížeči objeví malé kolečko. Kliknutím na něj levým tlačítkem myši a jeho podržením může uživatel listovat stránkami.

Pokud naopak chcete posuvník skrýt, můžete si mezi rozšíření nainstalovat Minimal Scrollbar. Toto rozšíření přizpůsobí posuvník pro každý konkrétní web. A pokud se nechcete zabývat nastavením rolování, pak si můžete nainstalovat rozšíření Scroll Buddy. Je určen pro automatické rolování.

Je důležité si uvědomit, že všechny výše uvedené metody fungují na všech operačních systémech, včetně Mac OS, Linuxu a Androidu. Chcete-li však implementovat plynulejší rolování, musíte také nakonfigurovat myš. Jen v takové kombinaci nedojde k cukání v prohlížeči při procházení stránkami.