如何将元素固定在可滚动弹窗底部 - 前端技巧
在可滚动的弹窗中,如果你想让一个元素一直固定在底部,可以使用 CSS 的定位属性来实现。
首先,将弹窗的样式设置为可滚动:
.modal {
overflow-y: scroll;
}
然后,将需要固定在底部的元素的样式设置为固定定位,并设置 bottom 属性为 0:
.fixed-bottom {
position: fixed;
bottom: 0;
}
最后,将需要固定在底部的元素放置在弹窗的内部:
这样,无论弹窗的内容有多长,这个元素都会一直固定在底部。
原文地址: https://www.cveoy.top/t/topic/pkkD 著作权归作者所有。请勿转载和采集!