Ritināšanas joslas tiek izmantotas, lai mainītu lietojumprogrammas logā redzamā satura, visbiežāk dokumenta lapas, pozicionēšanu. Pēc noklusējuma tie parādās automātiski gadījumos, kad loga platums vai augstums nav pietiekams, lai parādītu visu atvērto lapu. Tāpēc, lai atbrīvotos no horizontālās ritjoslas, jāmaina vai nu lapas, vai lietojumprogrammas loga platums, kurā tā ir atvērta.
Instrukcijas
1. solis
Tuvināt lapu - tas ir vienkāršākais veids, kā noņemt horizontālo ritjoslu, skatot lapu. Jebkurā pārlūkprogrammā to var izdarīt, pavelkot peles riteni pret sevi, turot nospiestu taustiņu ctrl. Daudzi teksta redaktori (piemēram, Microsoft Word) atbalsta arī šādu lapas tālummaiņas vadību. Pārlūkprogrammās peles vietā varat izmantot arī mīnusa taustiņu. Katrs klikšķis vai riteņa pagrieziens ar vienu pieturu tuvinās par 10%, līdz horizontālais izmērs būs pietiekami liels, lai lapu parādītu bez horizontālas ritjoslas.
2. solis
Izmantojiet pārlūkprogrammas iespēju izmainīt tīmekļa lapas avota kodu un mainīt tajā norādītos attēlošanas stilus, lai tie atbilstu loga platumam - dažām tīmekļa pārlūkprogrammām ir šī opcija. Piemēram, pārlūkprogrammā Opera jums vienkārši jānoklikšķina uz ikonas "Fit to Width", un horizontālā ritjosla pazudīs, un apskatītās lapas kolonnas mainīs to lielumu. Ja nepieciešams atgriezties pie satura veidotāja norādītā lapas izkārtojuma, vēlreiz noklikšķiniet uz šīs ikonas.
3. solis
Veidojot tīmekļa lapas, izmantojiet CSS overflow-x rekvizītu, lai piespiedu kārtā atspējotu visas lapas vai tās atsevišķo bloku elementu horizontālo ritināšanu. Šis īpašums ir ieviests CSS kopš 3.0 versijas, un to atbalsta visas mūsdienu pārlūkprogrammas. Vērtības, kuras tam var piešķirt, ir automātiskas, paslēptas, ritināmas, redzamas. Ja stila aprakstos šis rekvizīts nav norādīts, tiek uzskatīts, ka tam ir vērtība auto, tas ir, horizontālai ritināšanai vajadzētu parādīties, ja saturs neatbilst elementa platumam. Lai atspējotu ritināšanu pilnīgi visos gadījumos, izmantojiet slēpto vērtību. Piemēram:
ķermenis {overflow-x: hidden;}
