Nwlapcug.com


Aiutare con la barra di scorrimento in HTML

È possibile personalizzare le barre di scorrimento su pagine Web, ma le opzioni per fare così sono limitate. In primo luogo, è possibile nascondere o visualizzare le barre di scorrimento verticale e orizzontale. In secondo luogo, è possibile utilizzare CSS per modificare il colore dei singoli elementi visivi della vostra barra di scorrimento. Mentre la funzionalità di controllo di colore può contribuire a rendere la barra di scorrimento un elemento più coesivo del tuo sito Web e meno invadente quando utilizzato in elementi più piccoli..--quali elementi DIV o iframe..--non è supportato in qualsiasi browser diverso da Internet Explorer.

Nascondere il tuo Scrollbars

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 è "overflow". Quando si imposta su "hidden", dice la pagina di ignorare tutto il contenuto che supera i bordi del browser. Le persone utilizzano diversi browser e risoluzioni dello schermo; che cosa può essere perfettamente centrato sullo schermo potrebbe andare oltre i bordi del monitor di un altro computer. Nascondere il tuo entrambi vostri scrollbars nel tuo foglio di stile è simile al seguente:

corpo () {
overflow: hidden;}

Colorare la Scrollbar

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 aiuta a dargli alcuni ulteriori elementi di sfumatura e colore. Come con le impostazioni di overflow, questi attributi vengono inseriti nella sezione del corpo in questo modo:

corpo () {
ScrollBar-base-color: #000000;
scrollbar-face-color: #000000;
ScrollBar-freccia-colore: #FFFFFF;
ScrollBar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
ScrollBar-highlight-color: #000000;
ScrollBar-shadow-color: #000000;}

È possibile utilizzare qualsiasi codice esadecimale del colore di sei cifre. Find find a variety of HTML colors at 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.

Scorrimento laterale

Un'insolita estetica di Web design, creazione di un sito basato su immagine o modulare scorrimento laterale richiede che si nasconde la barra di scorrimento verticale consentendo nel contempo quella orizzontale. Non dovrebbe essere necessario abilitare la barra di scorrimento orizzontale; avere contenuto che supera la larghezza della pagina consentirà automaticamente la barra di scorrimento orizzontale. Se si desidera disattivare la barra di scorrimento verticale, semplicemente modificare il tag di overflow:

corpo () {
overflow-y: hidden;}

Il "-y" si riferisce alla barra di scorrimento verticale, l'asse "y" di un grafico di riferimento. Se si sta modificando la barra di scorrimento orizzontale, l'attributo è "overflow-x".

Barre di scorrimento in diversi sistemi operativi

L'aspetto delle barre di scorrimento varia tra i sistemi operativi. Non solo fanno sistemi diversi hanno loro proprio stile per le barre di scorrimento, ma gli utenti spesso possono modificare le proprie impostazioni e temi, modificare ulteriormente l'aspetto. OS X offre notoriamente scrollbars blu lucido, mentre Windows mantiene un layout squadrate scrollbar.