旋转设备时是否有固定位置的工作？

Question

我有一个具有以下属性的DIV：

#navigation
{
    position            : fixed;
    left                : 0%;
    top                 : 0%;

    display             : block;
    width               : 100%;
    height              : 44px;

    text-align          : center;

    background          : #171717;

    -webkit-transform   : translate3d(0px, 0px, 0px);
}

需要webkit转换以在用户滚动时将条保持在适当位置。

然而，当我在纵向和滚动，然后将设备旋转到横向。酒吧消失了。当我在横向滚动时，酒吧会重新回到正确的位置。

当我然后将设备旋转回纵向时，条形图在屏幕上是一半，直到我再次滚动并再次快速回到它的正确位置。

我认为这需要重新绘制对象，是否有办法强制旋转？

编辑：当您在独立模式下应用（加入家庭）时，这只会发生