Как заставить div не двигаться при прокрутке?

Я создал этот div в левом верхнем углу моего сайта, который содержит логотип. Тем не менее, я хочу, чтобы он оставался там и не двигался вверх и вниз, когда я прокручиваю. Просьба сообщить.

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

Спасибо

Ответ 1

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

для ссылки: http://www.w3schools.com/css/css_positioning.asp

Ответ 2

положение: фиксированное; Элемент с фиксированным положением располагается относительно окна браузера. Он не будет перемещаться, даже если окно прокручивается.

поэтому измените свой css:

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

Ответ 3

Добавьте id в свой div следующим образом:

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

Добавить в CSS:

#idOfDiv {position:fixed;}

Теперь он не должен прокручиваться с остальной частью страницы или родительским элементом.

Пример в jsfiddle: https://jsfiddle.net/PJM257/pL1s6jpz/