Question

我发现了类似的问题，但大多数都是在Ios 7之前，并使用我无法工作的解决方案。

我的http://blueleafstudio.net/portfolio网站响应迅速，并将主导航显示为移动设备上的弹出式列表（点按右上角的条形符号）。

我需要做两件事

1.网站的标题栏保持固定，以便用户在浏览网站上的页面时可以快速访问菜单和侧边栏。

2.主导航（必须是固定标题的子元素）可在其y轴上滚动，因为它可能包含未知数量的菜单项

到目前为止，我在桌面上只有一个小窗口可以正常工作，但iOS不会向我显示第二个滚动条（或者在显示时将滚动条移动到nav元素）。

任何人都可以帮我找到解决方案吗？

Answer 1

经过大量研究后，我终于发现这是iOS safari和视口单元的错误，如下所述： http://blog.rodneyrehm.de/archives/34-iOS7-Mobile-Safari-And-Viewport-Units.html

不是使用视口单元来设置弹出窗口的高度，而是我不得不求助于javascript：

    var viewportHeight = $(window).height() + 70;
    var mobileNav = $('.header nav');

    mobileNav.css({height: viewportHeight});

    $(window).resize(function() {
        viewportHeight = $(window).height() + 70;
        mobileNav.css({height: viewportHeight});
    });

完成此操作后，滚动按预期工作。

iOS 7溢出滚动固定Div

1 个答案: