Jak sprawić, by element div nie poruszył się podczas przewijania?

Question

Utworzyłem ten dział w lewym górnym rogu mojej witryny, która zawiera logo. Chcę jednak, aby pozostała tam i nie poruszała się w górę iw dół podczas przewijania. Proszę doradź.

<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> 

Dzięki

Answer 1

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

dla Ref: http://www.w3schools.com/css/css_positioning.asp

Answer 2

position: fixed; Element o stałej pozycji jest umieszczony względem okna przeglądarki. Nie zostanie przeniesiony, nawet jeśli okno jest przewijane.

tak zmienić CSS:

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

Answer 3

Dodaj identyfikator do div tak:

<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> 

Dodaj do CSS:

#idOfDiv {position:fixed;} 

Teraz nie powinno przejść z resztę strony lub element nadrzędny.

przykład w jsfiddle: https://jsfiddle.net/PJM257/pL1s6jpz/