由于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*/
}