当缩小时,位置固定div走远

时间:2012-10-30 09:12:49

标签: javascript html css

大家好我想在向下滚动时显示div区域,div区域必须向下滚动。所以我使用了position:fixed我在一个div中修复了div区域,我称之为“page”div。这里是CSS

.page {
    width: 964px;
    margin-top:6px;
    margin-left: auto;
    margin-right: auto;
    background-image:url(../images2/images/orta_alan_bg_GOLGE.png);
    background-repeat:repeat-y;
}

当我缩小我的固定div远离我的主要区域“页面”时,我该如何解决这个问题?

这是固定的div

#rocket_left
{
  width:127px;
  height:148px;
  background-image:url(../../images2/images/tapinak_resim.jpg);
  top:244px;
  left: 5.4%;
  position:fixed;
}

#rocket_left_desc
{
 background-image:url(../../images2/images/bg_sol_bslk_tpnk.png); 
  width:130px;
  height:335px;
  top:385px;
  left:70px;
  position
}

1 个答案:

答案 0 :(得分:1)

HTML:

<div class="wrapper">
    <div class="fixed"></div>   
</div>​

和css:

.wrapper {
    position: relative;
    width: 300px;
    height: 1200px;
}

.fixed {
    width:300px;
    height:30px;
    display: block;
    position: fixed;
    background-color: #000;
    top: 0;
}​

并为此http://jsfiddle.net/scv6a/

小提琴