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

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

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


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

我试图说明我的问题。

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

最佳答案

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

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

10-08 05:44