Мобильная версия
Итак, я использую Elementor, и все настроено на гибкость. У меня есть 2 столбца в контейнере под заголовком.
Левый столбец имеет длинное содержимое. В правом столбце у меня есть фотография человека.
Когда читатель прокручивает страницу вниз, я хочу показать голову человека (относительное положение). Как только изображение достигнет нижней части области просмотра (как показано на рисунке), я хочу, чтобы фотография прикрепилась к нижней части окна, в то время как левый столбец продолжает прокручиваться.
Когда левый столбец достигает нижнего колонтитула, фотография становится липкой и в то же время прокручивается вверх.
Я попробовал встроенную функцию закрепления нижней части окна и оставался в столбце, но это не сработало (я также проверил, нет переполнения проблемы).
Я попробовал несколько настроек CSS или JS через ChatGPT, но ничего не помогло.
Есть идеи?
Подробнее здесь: https://stackoverflow.com/questions/797 ... -elementor
