0

こんにちは、下にスクロールしたときに div 領域を表示したいのですが、div 領域は下にスクロールする必要があります。だから私は position:fixed を使用し、「ページ」div と呼ぶ 1 つの div に 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 エリアの「ページ」から遠く離れてしまうので、どうすればその問題を解決できますか?

ここに固定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
}
4

1 に答える 1

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/をいじる

于 2012-10-30T09:28:04.367 に答える