2012-10-30 36 views
0

大家好我想向下滾動時顯示div區域,div區域必須向下滾動。所以我用的位置是:固定的,我有固定的一個DIV我稱之爲DIV區「頁面」 div.Here是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 
} 
+0

你可以設置一些小提琴? – Lukas

+0

檢查你的代碼,並再次寫入 –

+0

也許BC你沒有位置在'#rocket_left_desc' ... – Lukas

回答

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/

+0

你可以看看我有測試網站http://88.255.176.42/你可以看到rocket_left div區有哪些寺廟圖片我已經使用了位置相對,但是當縮小同樣的問題 – learnmore

+0

在那種情況下你會一直有這個效果,這是固定的位置( http://www.w3.org/wiki/CSS_absolute_and_fixed_positioning),嘗試使用jquery - 並考慮屏幕寬度小於1200px時的情況...... – Lukas