Как избежать коллапса между двумя липкими элементами в одном столбце при достижении нижней части страницы

Question

Пожалуйста, посмотрите на следующий снимок экрана для справки: https://paste.pics/0657422efe293dffa4229b7656297846

У меня есть два липких элемента в одном столбце, Элемент 1 над Элементом 2.

Когда Я прокручиваю вниз до нижней части страницы элемент ниже (который является Элементом 2), чтобы придерживаться нижнего колонтитула, который в порядке.

Однако проблема в том, что Элемент 1 не останавливается над Элементом 2 и также перемещается в то же положение, что и Элемент 2, вызывая перекрытие.

Как это исправить?

Спасибо, ребята, надеюсь, я достаточно ясно дал понять

Answer 1

решить 1. сделать элемент 2 положение: относительное. решить 2. положить некоторые отступы в нижней части страницы. элемент 2 - это объект с фиксированной позицией, это означает, что любой другой объект может go над ним. Я предполагаю, что элемент 2 находится в нижнем колонтитуле, если это так, то используйте решение 2, дайте некоторый отступ, как body {padding-bottom: 120px; }