如何讓滾動時div不移動？

Question

我在我的網站的左上角創建了這個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> 

由於

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

位置是：固定; 具有固定位置的元素相對於瀏覽器窗口定位。 即使窗口滾動，它也不會移動。

因此改變你的CSS：

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

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