position：fixed not refer parent parent relative left position

Question

我做了一个例子：在向下滚动时，RHS面板在滚动条到达RHS面板标题时浮动。

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

但是当向下滚动RHS面板时跳到屏幕外;我不知道为什么位置固定而不是指父母的相对位置。它指的是身体左侧位置。

更改下面的css后工作正常

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

如果有人知道更好的解决方案，请告诉我。

Answer 1

由于您要求为什么发生了这种情况，请参阅the CSS spec中position : fixed的定义，特别是

  

对于固定定位的盒子，包含块由建立   视口。

或者，正如another site所说，

the parent element is always the browser window

Answer 2

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

删除！isfixed并使其固定