Nwlapcug.com


Come fare DIV Scroll con una pagina utilizzando i CSS

Come fare DIV Scroll con una pagina utilizzando i CSS


Quando si progetta il tuo sito Web, potrebbe essere un DIV contenitore specifico che si desidera restare visibili ai tuoi visitatori a tutte le volte, anche quando sono lo scorrimento su e giù la pagina. Mentre ci sono molte tecnologie e linguaggi di programmazione che possono essere utilizzati per rendere DIV scorrere con una pagina, uno dei metodi più semplici e affidabili è nell'utilizzo di stile CSS.

Istruzioni

1

Identificare dove sulla pagina si desidera il vostro DIV contenitore da posizionare. Scegliere superiore o inferiore e sinistra o destra.

2

Dare il vostro DIV contenitore un ID univoco per scopi di styling. Su HTML della pagina, aprire il tag DIV sarebbe simile a questa:

< div id = "div_name" >

3

Aprire il foglio di stile CSS e creare una voce per il nuovo contenitore DIV:

div_name () {

}

4

Aggiungere lo stile di posizione fissa per la voce di stile per il nuovo contenitore DIV.

div_name () {

Posizione: fisso;
}

5

Aggiungere elementi di sinistra/destra stile alla tua voce di stile. Aggiungere un elemento di posizionamento di un lato a altro scegliendo un lato per misurare da sinistra o destra e una distanza per posizionare l'elemento da quel lato. Un valore pari a 0 sarà posto il DIV contenitore tutta la strada fino a quel lato della pagina. Altri valori che possono essere date sono larghezze pixel (cioè 125 px) o percentuali (cioè 33 per cento). Di seguito è un esempio:

div_name () {

Posizione: fisso;
Left: 0;
}

6

Aggiungere gli elementi di stile superiore/inferiore alla tua voce di stile. Aggiungere un up e down posizionamento elemento scegliendo un lato per misurare da (superiore o inferiore e una distanza per posizionare l'elemento da quel lato. un valore di 0 sarà posto il DIV contenitore tutta la strada fino a quel lato della pagina. Altri valori che possono essere date sono larghezze pixel (cioè 125 px) o percentuali (cioè 33 per cento). Di seguito è un esempio:

div_name () {

Posizione: fisso;
Left: 0;
fondo: 25px;
}