La barra di scorrimento è una parte vitale di molti programmi per computer, perché permette di vedere il contenuto che si estende oltre i bordi del contenitore o schermo. Quando si crea un sito Web, si consiglia di modificare aspetti o l'implementazione del sito Web per migliorare le funzioni o aggiungere un tocco stilistico al tuo sito Web. Attraverso una combinazione di HyperText Markup Language e fogli di stile CSS, è possibile ottenere questi fini.

Gestione delle barre di scorrimento

Se si desidera semplicemente aggiungere o rimuovere una barra di scorrimento per qualsiasi elemento HTML, può fare con con CSS o Cascading Style Sheets. La proprietà "overflow" detta cosa succede quando gli elementi all'interno di un contenitore, ad esempio, testo e immagini in una tabella o div strato, sono più grandi di quel contenitore. Per impostazione predefinita, le barre di scorrimento verrà visualizzata ma è possibile disattivare queste barre di scorrimento impostando il valore a "nascosti" o "visibile". Questo taglia fuori il contenuto o l'extent oltre il bordo del contenitore, rispettivamente. Se si imposta il valore della proprietà "overflow" per "scorrere", il contenuto verrà troncato con l'aggiunta di una barra di scorrimento, che il visitatore può utilizzare per visualizzare il resto del contenuto.

Barre di scorrimento colorate

È possibile utilizzare CSS per applicare colori singoli uno colore allover a scrollbars sul tuo sito Web. Il codice rompe gli elementi della barra di scorrimento, inclusa la traccia, viso, evidenzia e ombre di modo che è possibile specificare i colori per ciascuno. Utilizzando i CSS, è possibile assegnare le barre di scorrimento un aspetto 3D, stile scrollbar modo che sembra avere bordi o visualizzare la barra di scorrimento piatto riducendo il numero di colori. Normalmente, questi codici sono validi per qualsiasi elemento all'interno del "html" e "corpo tag del documento Web.

Considerazioni

Anche se l'applicazione di stile personalizzato per le barre di scorrimento era una volta popolare in alcuni circoli, alcuni browser supportano la funzionalità. Internet Explorer e Konqueror è possibile visualizzare le barre di scorrimento colorate ma browser come Firefox e Google Chrome non supportano questo. Inoltre, anche se il visitatore utilizza Internet Explorer, si stia utilizzando un tema del desktop personalizzato che sovrascrive le vostre specifiche di scrollbar. Pertanto, se si incorporano le barre di scorrimento colorate come parte della combinazione del design, non tutti i visitatori saranno in grado di apprezzarlo.

Avviso

Aggiunta di valori CSS al foglio di stile che creano le barre di scorrimento colorate causerà il mark-up a diventare non validi quando si esegue il codice tramite un validatore CSS. Anche se questo non impedisce necessariamente le prestazioni della tua pagina Web, questi codici non seguire gli standard e le linee guida stabilite dal World Wide Web consortium. Come spiegato da W3Schools, queste norme aiutano a semplificare la codifica in modo che gli sviluppatori possono comprendere ogni altri; applicazioni. Oltre a questo, aderendo agli standard Web, è promuovere l'accessibilità per gli utenti di Internet che hanno disabilità.