Posuvníky sa používajú na zmenu umiestnenia obsahu zobrazeného v okne aplikácie, najčastejšie na stránke dokumentu. Štandardne sa zobrazujú automaticky v prípadoch, keď šírka alebo výška okna nie je dostatočná na zobrazenie celej otvorenej stránky. Preto, aby ste sa zbavili vodorovného posúvača, musíte zmeniť šírku stránky alebo okna aplikácie, v ktorých je otvorená.
Inštrukcie
Krok 1
Oddialenie stránky - toto je najjednoduchší spôsob odstránenia vodorovného posúvača pri prezeraní stránky. V každom prehľadávači to možno urobiť posunutím kolieska myši smerom k sebe a súčasným podržaním klávesu Ctrl. Mnoho textových editorov (napríklad Microsoft Word) podporuje také ovládanie zväčšenia stránky. V prehliadačoch môžete namiesto myši použiť aj kláves mínus. Každé kliknutie alebo otočenie kolieska o jednu zarážku oddiali o 10%, kým nebude vodorovná veľkosť dostatočne veľká na to, aby sa stránka mohla zobraziť bez vodorovného posúvača.
Krok 2
Využite schopnosť prehľadávača manipulovať so zdrojovým kódom webovej stránky a meniť v nej určené štýly zobrazenia tak, aby zodpovedali šírke okna - niektoré webové prehliadače majú túto možnosť. Napríklad v prehliadači Opera stačí kliknúť na ikonu „Prispôsobiť šírke“a vodorovná posúvacia lišta zmizne a stĺpce prezeranej stránky zmenia svoju veľkosť. Ak je potrebné vrátiť sa k rozloženiu stránky určenému tvorcom, znova kliknite na túto ikonu.
Krok 3
Pri vytváraní webových stránok použite vlastnosť CSS overflow-x na násilné zakázanie horizontálneho posúvania celej stránky alebo jej jednotlivých blokových prvkov. Táto vlastnosť bola zavedená v CSS od verzie 3.0 a je podporovaná všetkými modernými prehľadávačmi. Hodnoty, ktoré mu je možné priradiť, sú automatické, skryté, rolovacie, viditeľné. Ak táto vlastnosť nie je zadaná v popisoch štýlov, potom sa má za to, že má hodnotu auto, to znamená, že keď sa obsah nezmestí na šírku prvku, malo by sa zobraziť horizontálne posúvanie. Ak chcete posúvanie úplne zakázať, použite skrytú hodnotu. Napríklad:
body {overflow-x: hidden;}
