Come mettere una barra di scorrimento sulla mia pagina

L'aggiunta di barre di scorrimento su una pagina Web richiede una piccola porzione di codice CSS.

Passaggio 1

Apri l'applicazione Blocco note e copia il codice qui sotto:

.scrollbars {overflow: scroll; altezza: 300 px;}

Il codice precedente definisce la proprietà "overflow" e crea una casella di scorrimento di 300 px.

Passaggio 2

Salvare il file nel passaggio 1 come "scrollbar.css".

Passaggio 3

Aprire la pagina in cui si desidera visualizzare le barre di scorrimento e aggiungere il seguente codice alla sezione tra le schede e:

Questa riga di codice si riferisce alla "scrollbar.css" che hai creato e aggiunge le informazioni di quel file alla tua pagina.

Passaggio 4

Utilizzare le schede per aggiungere le barre di scorrimento alle parti della pagina in cui si desidera applicare le barre di scorrimento come mostrato:

Contenuto della mia pagina (Il contenuto della mia pagina) Il codice precedente aggiunge barre di scorrimento all'area della pagina che contiene il "Contenuto della mia pagina". Puoi specificare altre sezioni della pagina, semplicemente aggiungendo la linea "al div target.

Passaggio 5

Salva "scrollbars.css" e la pagina per mostrare le barre di scorrimento nella stessa directory.

Passaggio 6

Apri la pagina con un browser web per vedere se è stata eseguita correttamente.

riferimenti

Boutell: Come aggiungo una barra di scorrimento a una parte di una pagina? (Come posso aggiungere una barra di scorrimento a una parte di una pagina?)