html - 固定导航在移动设备上滚动时失去焦点

Question

我在 iOS Safari 上的固定导航有一点问题。

这是交易，

导航在桌面上运行良好，但当我在 IOS 设备上查看它时，它有点古怪。

在纵向 View 中它看起来/工作正常。当我将手机置于横向 View 时，固定导航效果很好，直到我开始滚动。当我开始滚动打开导航的导航按钮时，导航会失去焦点。好吧，整个导航保持不变。

哦，我想指出，这发生在 IOS 8、iphone 6 plus 上，并且只有在表格出来时才会发生。请参见下图。

有人看过吗？我环顾四周，找不到任何东西。

Answer 1

这是 webkit 的一个非常烦人的错误

.whatever-your-class-name-is {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

试试吧。它会修复它。