Wie DIV Scroll mit einer Seite mit CSS zu machen

Bei der Gestaltung Ihrer Website, müssen Sie einen bestimmten DIV-Container, den Sie für Ihre Besucher sichtbar auf allen Zeiten, auch wenn sie nach oben und unten der Seite scrollen sind bleiben möchten. Zwar gibt es viele Technologien und Programmiersprachen, die zu DIV mit einer Seite scrollen verwendet werden können, ist eine der einfachsten und zuverlässigsten Methoden im Umgang mit CSS-Styling.

Anweisungen

1 Identifizieren Sie, auf der Seite Ihrer DIV-Container platziert werden soll. Wählen Sie oben oder unten und Links oder rechts.

2 Geben Sie Ihrem DIV-Container eine eindeutige ID für Zwecke der Gestaltung. Auf der Seite HTML, Ihre Eröffnung DIV-Tag würde wie folgt aussehen:

< Div Id = "Div_name" >

3 Öffnen Sie Ihr cascading Stylesheet und erstellen Sie einen Eintrag für Ihren neuen DIV-Container:

{Div_name} }

4 Fügen Sie den festen Position-Stil zu den Stil-Eintrag für Ihre neuen DIV-Container.

{Div_name} Lage: festgesetzt;}

5 Ihr Stil-Eintrag Links/rechts Stilelemente hinzufügen. Fügen Sie eine Positionierung zur Seite-Element durch die Wahl einer Seite, von Links oder rechts und einem Abstand positionieren Sie das Element von dieser Seite zu messen. Ein Wert von 0 werden die DIV-Container bis hin zu, dass auf der Seite platzieren. Andere Werte, die gegeben werden können, werden Pixel Breite (d.h. 125 px) oder Prozentsätze (d.h. 33 Prozent). Unten ist ein Beispiel:

{Div_name} Lage: festgesetzt;Links: 0;}

6 Ihr Stil-Eintrag oben/unten-Stil-Elemente hinzufügen. Fügen Sie einen Up und unten Positionierung Element durch die Wahl einer Seite aus zu messen (oben oder unten und eine Distanz zum Positionieren Sie des Elements aus dieser Seite ein Wert von 0 werden die DIV-Container bis hin zu, dass auf der Seite platzieren. Andere Werte, die gegeben werden können, werden Pixel Breite (d.h. 125 px) oder Prozentsätze (d.h. 33 Prozent). Unten ist ein Beispiel:

{Div_name} Lage: festgesetzt;Links: 0;unten: 25px;}