iPad mini位置固定相对于父母的位置

Question

我想要在页面底部修复一个.buttons栏。父级是可滚动的div。

<div class="scrollable">
 <div class="content"></div>
 <div class="buttons"></div>
</div>

div .buttons已修复，因此应忽略父级。这适用于所有（所有浏览器，所有设备），除了ipad mini（普通ipad工作正常）。

的CSS：

.buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: $bottom-bar-color;
    padding: 10px 0;
    z-index: 999;
    text-align: center;

    @media (min-width: $screen-sm-min) {
        padding: 10px 0;
    }

    .btn {
        min-width: 100px;
        text-align: center;

        @media(max-width: $screen-xs) {
            min-width: 150px;
        }
    }
}