溢出：auto;不工作的Android 4.2浏览器

Question

我这是在页面的响应目的左边这个元素有一个overflow:auto上贴了侧边栏，一切完美，但问题是我要支持原生的Android 4.2浏览器，不适用此属性。

我的应用程序与角2发，我试图执行一个指令或模块，但我得到了同样的问题。

有没有人知道解决这个问题的最好方法？

这是我的结构：

<nav class="navigation"> 
    <div class="navigation__scroll"> 
     * Content goes here * 
    </div> 
</nav> 

CSS

.navigation { 
    position: fixed; 
    background-color: $light_blue; 
    width: 275px; 
    height: 100%; 
    top: 71px; 
    left: -275px; 
    border-top: 10px solid $primary_blue; 
    z-index: 100; 
    transition: all .5s ease; 

    .navigation__scroll { 
    height: calc(100% - 71px); 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
    } 

Answer 1

恐怕不是overflow:auto;，这不是在Android 4.2版本的浏览器，但calc(100% - 71px)。可惜的是，有一个为它没有适当的解决方法，不是指定以外的硬编码的calc()规则之前max-height或height。

实施例：

.navigation__scroll { 
    height: 90%; 
    height: calc(100% - 71px); 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
} 

最佳做法是基于流行的移动尺寸硬编码值height。