2013-04-15 62 views
0

在我的网页中,分部应该位于页面左侧的固定位置。按我的知识,我已经使用如何修复div的位置

position:fixed;top:100px;left:20px;。通过使用这段代码,我得到了我想要的确切位置。但是当我向下滚动页面时,该部门处于相同的位置,并且在该部门的顶部,我获得了100px的空间,因为我给了top:100px。但我不想要那个空间。请帮帮我。

由于提前, SREE RAM

+4

尝试'的位置是:绝对的;'而非'fixed' –

回答

3

如果你的意思是你想要的东西留在确切位置,而不考虑当前的视口的,而是相对于文档作为一个整体,那么你要一个绝对位置,而不是一个固定的一个

position:absolute; 
top:100px; 
left:20px; 
+0

没有实际上如果当我向下滚动页面时,我会使用'绝对',它将不可见。但我所说的是,当页面加载时,分区应该从'top:100px',当我们向下滚动页面时,它应该变成top:0px,它应该在那里修复。 – user2281995

+0

@ user2281995然后你问两个完全不同的东西,你想根据当前的滚动状态动态地改变一个元素的样式,这是你不能用纯CSS做的事情,你需要设置初始值样式,然后使用JavaScript检测何时滚动,何时滚动到100px或更大,请将应用的样式更改为指定顶部的0px。 –

+0

是的.... !!!我该怎么做......请帮我...... – user2281995

2

,以固定一个div的位置, 必须应用的绝对位置。

它使div无论如何都停留在特定位置。

代码应为:

position : absolute; 
top : 100px; 
left : 20px; 

祝您好运! :)

0

您可以从CSS POSITIONS REFERENCE

得到各种CSS位置更好的视野现在,请尝试进行以下更改

position : absolute; 
top : 100px; 
left : 20px;