在可滚动的弹窗中,如果你想让一个元素一直固定在底部,可以使用 CSS 的定位属性来实现。

首先,将弹窗的样式设置为可滚动:

.modal {
  overflow-y: scroll;
}

然后,将需要固定在底部的元素的样式设置为固定定位,并设置 bottom 属性为 0:

.fixed-bottom {
  position: fixed;
  bottom: 0;
}

最后,将需要固定在底部的元素放置在弹窗的内部:

这样,无论弹窗的内容有多长,这个元素都会一直固定在底部。

如何将元素固定在可滚动弹窗底部 - 前端技巧

原文地址: https://www.cveoy.top/t/topic/pkkD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录