August 19
È possibile personalizzare le barre di scorrimento delle pagine Web, ma le opzioni per farlo sono limitati. In primo luogo, è possibile nascondere o visualizzare entrambe le barre di scorrimento verticale e orizzontale. In secondo luogo, è possibile utilizzare i CSS per modificare il colore dei singoli elementi visivi della vostra barra di scorrimento. Mentre la funzione di controllo del colore può contribuire a rendere la barra di scorrimento di un elemento più coesa del tuo sito web e meno invadente se usato in elementi più piccoli - come elementi DIV o iframe - non è supportato in qualsiasi browser diverso da Internet Explorer.
Se si desidera nascondere una o entrambe le barre di scorrimento per la tua pagina, è possibile farlo all'interno della sezione corpo del foglio di stile del tuo sito web. L'attributo per questo è "troppo pieno". Quando si imposta su "nascosto", si dice nella pagina di ignorare tutti i contenuti che supera i bordi del browser. Le persone usano diversi browser e risoluzioni dello schermo; ciò che può essere perfettamente centrata sullo schermo potrebbe andare oltre i bordi del monitor di un altro computer. Nascondere i tuoi entrambe le barre di scorrimento nel foglio di stile è simile al seguente:
body {
overflow: hidden;}
Il CSS che cambia il colore della vostra barra di scorrimento ha sette diversi attributi che modificano l'aspetto del colore della vostra barra di scorrimento, che le consente di avere qualche elemento in più sfumature e colori. Come con le impostazioni di overflow, questi attributi vengono inseriti nella sezione del corpo in questo modo:
body {
scrollbar-base-color: # 000000;
scrollbar-faccia-color: # 000000;
scrollbar-freccia-color: #FFFFFF;
scrollbar-3dlight-color: # 000000;
scrollbar-DarkShadow-color: # 000000;
scrollbar-highlight-color: # 000000;
scrollbar-shadow-color: # 000000;}
È possibile utilizzare qualsiasi codice di colore esadecimale a sei cifre. Trova trovare una varietà di colori HTML a HTML-color-codes.com. La sperimentazione è il modo migliore per scegliere la migliore configurazione. Al momento della pubblicazione, Internet Explorer è l'unico browser che supporta questi attributi.
Un'estetica Web design insolito, la creazione di un sito web o di modulare basato su immagini a scorrimento laterale richiede che si nasconde la barra di scorrimento verticale consentendo nel contempo quella orizzontale. Non dovrebbe essere necessario attivare la barra di scorrimento orizzontale; avente contenuto che supera la larghezza della pagina abilita automaticamente la barra di scorrimento orizzontale. Se si desidera disattivare la barra di scorrimento verticale, è sufficiente modificare il tag di overflow:
body {
trabocco-y: hidden;}
La "y" si riferisce alla barra di scorrimento verticale, facendo riferimento all'asse "y" di un grafico. Se si sta modificando la barra di scorrimento orizzontale, l'attributo è "troppo pieno-x".
La comparsa di barre di scorrimento varia tra i sistemi operativi. Non solo diversi sistemi hanno un proprio stile per le barre di scorrimento, ma gli utenti spesso possono modificare le proprie impostazioni e temi, modificando ulteriormente il look. OS X offre notoriamente barre di scorrimento blu lucido, mentre Windows mantiene un layout barra di scorrimento squadrata.