javascript - 在div容器的底部使用position:sticky

由于Bootstrap 4不再支持.affix，因此我必须为固定盒找到其他解决方案。

当您滚动到div容器时，我希望它保持固定状态。现在我解决了

.fixedcard{
 position: sticky;
 top:75%;
}

现在我有了问题，粘性部分从div容器的顶部开始。这会导致出现问题，即视图在较小的设备上会有所区别。我想从div容器的底部开始，从底部修复div容器的25％。

我试图说明我的问题。

最佳答案

尝试使用CSS calc()编制0% + height of element。

.slider {
    height : 300px;
    position: sticky;
    top: calc(0% + 300px); /*Height of element*/
}