2011-04-03 137 views
1

我已經做了一個例子:在向下滾動時,RHS面板在滾動條到達RHS面板標題時浮動。位置:固定不引用父親相對左位置

http://www.elankeeran.com/test/RHSpanel.htm

但同時向下滾動RHS面板跳轉到戲外;我不知道爲什麼職位固定不是指父母的相對位置。它指的是身體左側的位置。

下面改變CSS其做工精細

#floating-box{position: absolute;width:100%;width:960px; margin:0 auto;} 

,如果有人知道更好的解決方案,請讓我知道了。

+0

使用絕對位置,而不是固定的,因爲固定指窗口畫面中的其他 – sandeep 2011-04-03 16:02:35

回答

0
var wHeight = $(window).height(); 
$('.right-panel').css("height",wHeight-80); 
if (scrollY > bodyY && isfixed) { 
$floatingbox.stop().css({ 
position: 'fixed', 
    // left: wLeft, 
top: 10 

刪除!IsFixed設定,使其IsFixed設定

+0

相同的條件下可用的位置....它不會工作 – Elankeeran 2011-04-03 16:02:44

+0

@ elankeeran會詳細說明它的工作原理,我複製了我們的代碼並嘗試過! – pyth 2011-04-03 16:09:17

+0

var isfixed = $ floatingbox.css('position')=='fixed';你被固定設置爲固定的,因此if塊永遠不會工作..那是什麼給了這個問題.. – pyth 2011-04-03 16:11:03

3

既然你問爲什麼發生這種情況,看到的position : fixed的定義the CSS spec,尤其是

一個固定的定位的盒子,包含塊由 視口建立。

或者,如another site所說的那樣,

the parent element is always the browser window