Come fare a non div spostare durante lo scorrimento?

Question

Ho creato questo div in alto a sinistra del mio sito web, che contiene il logo. Tuttavia, voglio che rimanga lì e non si muova su e giù mentre sto scorrendo. Si prega di avvisare.

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

Grazie

Answer 1

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

ref: http://www.w3schools.com/css/css_positioning.asp

Answer 2

position: fixed; Un elemento con posizione fissa è posizionato rispetto alla finestra del browser. Non si sposta anche se la finestra scorre.

modo cambiare il css:

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

Answer 3

Aggiungi un id al div in questo modo:

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

Aggiungi ai CSS:

#idOfDiv {position:fixed;} 

Ora, non dovrebbe scorrere con il resto della pagina o l'elemento genitore.

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