November 12
La barra di scorrimento orizzontale è unslightly; con la maggior parte delle persone che utilizzano monitor widescreen e grandi risoluzioni, non c'è quasi nessun bisogno. Se si vuole andare il miglio supplementare e bandire del tutto dai vostri elementi HTML, è possibile farlo con un CSS. È possibile rimuovere la barra di scorrimento orizzontale da una serie di diversi elementi HTML.
Per modificare il comportamento della barra di scorrimento orizzontale sul tuo sito web, si sta andando ad avere bisogno di usare i CSS. È possibile farlo all'interno di un foglio di stile, o direttamente nel tag HTML per il vostro elemento aggiungendo l'attributo style. Se si sta rimuovendo la barra di scorrimento orizzontale da un elemento div con l'attributo di stile, sarebbe simile a questa:
<Div style = "width: 800px; height: 200px; overflow di-x: hidden;">
"Overflow-x" è la proprietà che nasconde il vostro barra di scorrimento orizzontale. Il "-x" si riferisce specificamente alla barra orizzontale, come nel all'asse x; se si voleva nascondere la barra di scorrimento verticale si usa "overflow-y" e se si voleva nascondere entrambi si dovrebbe semplicemente usare "troppo pieno".
Se si voleva utilizzare un foglio di stile per questo effetto, si potrebbe dare il div un id (per esempio, <div id = "nome">) e specificare nel foglio di stile:
Nome {
width: 800px;
height: 200px;
di overflow-x: hidden;}
È possibile nascondere la barra di scorrimento su qualsiasi elemento che potrebbe scorrere. Più comunemente questo è usato sugli strati div e iframe, ma si può anche applicare a tutto il corpo della pagina, modificando sia il tag <body> o la sezione corpo del foglio di stile. È possibile utilizzare il foglio di stile per impostare le aree di testo (<textarea>) di non scorrere, ma non è possibile applicare l'attributo di stile per un tag di testo.
La barra di scorrimento orizzontale occupa spazio; se la pagina utilizza elementi più piccoli o strati, una barra di scorrimento orizzontale non solo pasticci con l'estetica della vostra pagina, ma prende anche lo spazio che potrebbe essere utilizzato per il contenuto. Lo scorrimento orizzontale è generalmente considerata cattiva Web design. Mentre ci sono alcuni layout del sito web e disegni artistici che esperimento con la funzionalità, nel complesso non è il miglior design per mantenere i visitatori sulla tua pagina.
Se si rimuove la barra di scorrimento orizzontale, si può fare la visualizzazione di una pagina Web più difficile per gli utenti con una risoluzione di schermo più piccolo. Se per qualsiasi motivo il vostro contenuto non eccede i limiti del vostro elemento, gli utenti non saranno in grado di scorrere sopra per visualizzare il resto del contenuto. Secondo le statistiche W3Schools, 85 per cento degli utenti ha una risoluzione dello schermo superiore a 1024 per 768 pixel, ma che c'è motivo di lasciare l'altro 15 per cento fuori al freddo. Assicuratevi di controllare che il contenuto si adatta all'interno della casella su una varietà di browser e risoluzioni dello schermo.