2013-07-29 10 views
18

Ich habe dieses div auf der oberen linken Seite meiner Website erstellt, die das Logo enthält. Ich möchte jedoch, dass es dort bleibt und nicht auf und ab bewegt, wenn ich scrolle. Bitte beraten.Wie kann ein Div sich beim Scrollen nicht bewegen?

<div style="padding: 5px 0 0 5px; height: 140px; width: 150px;"> 
    <p align="left"> 
     <img src="images/logo.png" border="5" alt="Logo" /> 
    </p> 
</div> 

Dank

+2

sowieso, owuld Ich schlage vor, es in eine stlye Ameise zu drehen nehmen in eine CSS-Datei – user853710

Antwort

16

position: fixed; Ein Element mit fester Position wird relativ zum Browserfenster positioniert. Es bewegt sich nicht, auch wenn das Fenster gescrollt wird.

so Ihre CSS ändern:

<div style="position : fixed; padding: 5px 0 0 5px; height: 140px; width: 150px;"> 
0

eine ID zu Ihrem div wie folgt hinzufügen:

<div style="padding: 5px 0 0 5px; height: 140px; width: 
150px;"id="idOfDiv"> 
<p align="left"><img src="images/logo.png" border="5" alt="Logo" /> 
</p> 
</div> 

In den CSS:

#idOfDiv {position:fixed;} 

Nun sollte es nicht blättern Sie mit der Rest der Seite oder das Elternelement.

Beispiel in jsfiddle: https://jsfiddle.net/PJM257/pL1s6jpz/

Verwandte Themen