Kaydırma yaparken div nasıl hareket etmeyecek?

Question

Bu divayı, web sitemin sol üst köşesinde logoyu içeren oluşturdum. Ancak, orada kalmasını ve kaydırma yaparken yukarı ve aşağı hareket etmesini istemiyorum. Tavsiye lütfen.

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

sayesinde

ref

Answer 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

Answer 2

pozisyonu: sabit; Sabit pencereli bir eleman, tarayıcı penceresine göre konumlandırılmıştır. Pencere kaydırılmış olsa bile hareket etmeyecektir.

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

Answer 3

bu gibi div bir id ekleyin:

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

#idOfDiv {position:fixed;} 

Şimdi, birlikte kaymamalı

böylece css değiştirmek sayfanın geri kalan kısmı veya ana öğe. jsfiddle içinde

Örnek: Zaten https://jsfiddle.net/PJM257/pL1s6jpz/