Una barra di scorrimento viene visualizzata per impostazione predefinita nel browser Web del tuo visitatore se il vostro sito è più lungo o più grande dello schermo del vostro ospite. È anche possibile creare una barra di scorrimento, o impediscono di apparire, all'interno di contenitori, ad esempio div. È possibile creare più div, alcuni dei quali scorrimento e alcuni dei quali non lo fanno, per contenere tutto il contenuto che si desidera includere nella pagina Web.

Div

In HTML, il tag div crea una divisione o una sezione di una pagina Web. Il sito W3Schools spiega che questo elementi viene spesso utilizzato per creare layout di sito Web e per formattare i gruppi di elementi con i vari stili. Divs sono contenitori rettangolari che sono elementi block-level. Un elementi block-level inizia su una nuova riga e si espande automaticamente l'altezza degli elementi all'interno di esso e la larghezza dell'intera pagina. È possibile specificare la larghezza e l'altezza di un div con fogli di stile CSS, o CSS, richiedono meno spazio. È inoltre possibile indicare un div per far scorrere o rimanere scorrimento-meno per ospitare contenuto all'interno del div.

Lo scorrimento

Per impostazione predefinita, se il vostro div contiene un elemento, ad esempio un'immagine, che è più grande il div, il contenuto in eccesso appare fuori i contorni del div. È specificare come il browser formatta il contenuto con la proprietà CSS "overflow". Ad esempio, se si desidera per una barra di scorrimento a comparire quando il contenuto è maggiore di un div denominato "scroll", utilizzare il codice riportato di seguito:

div.Scroll

{

overflow: scroll;

}

Il visitatore non vedrà il resto del contenuto fino a quando si fa clic sulla barra di scorrimento per rivelare il resto del div e relativo contenuto. Ad esempio, testo formatta per la larghezza del contenitore e tagliare fino a quando il visitatore scorre verso il basso.

Considerazioni

Se il contenuto è molto più grande il div, le barre di scorrimento diventa abbastanza piccolo. Questo può rendere difficile per i tuoi visitatori spostare la barra di scorrimento o alla pagina attraverso il div con loro tastiera. È preferibile invece di ridimensionare il contenuto. Ad esempio, è possibile ridurre le dimensioni di un'immagine per adattarsi meglio all'interno del div per ridurre al minimo lo scorrimento e permettere ai vostri visitatori di vedere immediatamente più contenuti. Il contenuto che è sia più alto e più ampio di quanto il vostro div crea barre di scorrimento orizzontale e verticale. Se possibile, restringere la larghezza dei tuoi contenuti in modo il vostro visitatore sarà solo vedere - e necessario utilizzare - una barra di scorrimento verticale, piuttosto che entrambe le barre di scorrimento.

Overflow

Se non si desidera consentire il vostro div HTML scorrere, impostare la proprietà overflow su "hidden". Questo stile clip qualsiasi contenuto che è più grande del contenitore in modo che diventa invisibile. Tuttavia, il visitatore non sarà in grado di vedere il resto del testo o l'immagine, se si utilizza questa impostazione.