Ios iPad mini位置相对于父项的固定撑杆

我有一个我想固定在页面底部的条形码按钮。父级是一个可滚动的div

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

---

safari和

position:fixed

元素存在一些bug。试着在你的父母身上定义一个

z-index

。这篇文章可以帮你解决：-另外，3D转换有一个bug（在父对象上使用）。也许是你的案子？

.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;
        }
    }
}