Question

我正在失去理智，试图找出正在发生的事情。

左列（白色）：包含动态加载AJAX和的帖子可以滚动到无限（如facebook家）
右栏（黑色）：哪个包含几个小部件，并在一定滚动后变为固定（如facebook边栏）。伪代码中的逻辑基本上是：

if(scroll > X){
    right column -> position : fixed
}
else{
    right column -> reset position
}

除了谷歌浏览器（在许多计算机上测试）之外，所有浏览器都能正常运行。 If you visit the website全屏高清监视器（抱歉弹出窗口，让他们转发访问者），在Y滚动点（Y> X，所以右列已经修复）之后，右列上的内容全部显示黑色并且因为没有理由而消失。此外，如果您将鼠标悬停在其上，它将再次可见。我尝试使用z-index: 9999或使用overflow，但这不是问题。

它永远不会发生这样的事情，所以我不知道如何解决它。任何的想法？以下是该问题的一些屏幕截图，如果您需要：

第1步：Scroll < X: right column not fixed -> OK

第2步：SCroll > X: right column fixed -> OK

第3步：Scroll > Y: right content starts to disappear -> What the hell??

第4步：Scroll >> Y: right content disappeared completely -> WHAT THE HELL??

Answer 1

想和你一起思考..

您可以将z-index添加到此类吗？

    .trophy-box-home .trophy-driver {
       border-color: #333;
       z-index: 99;
     }

grts

有些div“神奇地”只在Google Chrome中消失了

1 个答案: