HTML scorrimento Div

August 28

Una barra di scorrimento appare per impostazione predefinita in browser Web del visitatore se il vostro sito è più lungo o più largo dello schermo del visitatore. È inoltre possibile creare una barra di scorrimento, o impedire uno da apparire, all'interno di contenitori come ad esempio div. È possibile creare più div, alcuni dei quali di scorrimento e alcuni dei quali non lo fanno, per contenere tutto il contenuto che si desidera includere nella pagina Web.

div

In HTML, il div crea una divisione o di una sezione di una pagina Web. Il sito web W3Schools spiega che questi elementi viene spesso utilizzato per creare layout del sito web e per formattare i gruppi di elementi con diversi stili. Div sono contenitori rettangolari che sono elementi block-level. A elementi di blocco inizia una nuova riga ed espande automaticamente l'altezza degli elementi all'interno di esso e la larghezza di tutta la pagina. È possibile specificare la larghezza e l'altezza di un div con i fogli di stile a cascata, o CSS, di richiedere meno spazio. È anche possibile indicare un div per scorrere o rimanere scroll-meno per ospitare contenuto all'interno del div.

scorrimento

Per default, se il div contiene un elemento, ad esempio un'immagine, che è più grande della div, il contenuto in eccesso appare fuori dai contorni della div. È possibile specificare come il browser formati dei contenuti con il CSS proprietà "troppo pieno". Ad esempio, se si desidera per una barra di scorrimento a comparire quando il contenuto è più grande di un div chiamato "scroll", utilizzare il seguente codice:

div.scroll

{

overflow: scroll;

}

Il visitatore non vedrà il resto del contenuto fino a che non scatta sulla barra di scorrimento per rivelare il resto del div e dei suoi contenuti. Ad esempio, il testo formatta alla larghezza del contenitore e tagliare fino rotoli visitatori scorrimento.

considerazioni

Se il contenuto è molto più grande del div, le barre di scorrimento diventa abbastanza piccolo. Questo può rendere difficile per i visitatori di spostare la barra di scorrimento o alla pagina attraverso il div con loro tastiera. Si può invece preferire per ridimensionare il contenuto. Ad esempio, è possibile ridurre la dimensione di un'immagine per meglio adattarsi all'interno del div per ridurre al minimo lo scorrimento e permettere ai vostri visitatori di vedere immediatamente più contenuti. Contenuti che è sia più alto e più largo il tuo div crea barre di scorrimento orizzontale e verticale. Se possibile, ridurre la larghezza del suo sito web in modo che il visitatore potrà vedere solo - e devono usare - una barra di scorrimento verticale, piuttosto che entrambe le barre di scorrimento.

straripamento

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