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

Question

Надеюсь, я могу объяснить это ясно. Я искал много перестановок и не могу найти ничего, что относится ...

У меня есть панель с некоторыми кнопками, которая "прилипает" к нижней части порта просмотра, используя абсолютное и фиксированное позиционирование. Это я понимаю (используя bootstrap 4).

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

Как я могу подойти к этому? Я перепробовал несколько вещей, но, похоже, не смог закрепить его в нижнем колонтитуле.

Спасибо за все предложения.

Answer 1

Вы, вероятно, захотите попробовать функцию прокрутки jQuery: https://api.jquery.com/scroll/

, чтобы вы могли определить расстояние прокрутки, где находится панель кнопок, затем измените css сделать панель просмотра нефиксированной. Хотя может быть немного сложнее.