【问题标题】:fixed nav looses focus when scrolling on mobile device固定导航在移动设备上滚动时失去焦点
【发布时间】:2015-03-17 14:15:45
【问题描述】:

iOS safari 上的固定导航有点问题。

这是交易,

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

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

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

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

【问题讨论】:

    标签: html ios css iphone fixed


    【解决方案1】:

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

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

    试试看。它会修复它。

    【讨论】:

    • 我应该将该 CSS 放在实际的 .nav div(具有固定位置的容器)还是打开位于固定 .nav div 内的导航的按钮上。我将 css 添加到 .nav 容器中,但它没有用。
    • 请发送示例链接?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-26
    • 1970-01-01
    • 1970-01-01
    • 2018-11-27
    • 2018-05-17
    • 2015-10-19
    相关资源
    最近更新 更多