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

像这样在你的div中添加一个id：

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

滚动时如何使div不移动？

3 个答案: