位置：固定不指代父母的相对左侧位置

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

由于您询问了为什么会发生这种情况，因此请参阅position : fixed的定义position : fixed CSS规范中已 position : fixed ，

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

或者，正如另一个网站所说，

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并使其固定